Internet Explorer CSS

Question

我在一个网站上有一个下拉菜单，除了Internet Explorer，它在所有浏览器上都能完美地工作。有没有办法把它关掉，只供Is浏览器使用？我试着用

-ms-display:none;

(我不知道这是否真的有效)，但这是我唯一的想法。有什么想法吗？

<div style="float:left;">
<ul id="nav" class="dropdown dropdown-linear dropdown-columnar">
    <a href="http://www.redballoontoystore.com/index.php"><li>Home</li></a>
    <a href="http://www.redballoontoystore.com/products/index.php"><li class="dir">Toys
        <ul>
            <li class="dir"><a href="http://www.redballoontoystore.com/buckyballs/index.php">Buckyballs</a></li>
            <li class="dir"><a href="http://www.redballoontoystore.com/calicocritters/index.php">Calico Critters</a></li>
            <li class="dir"><a href="http://www.redballoontoystore.com/games/index.php">Games</a></li>
            <li class="dir"><a href="http://www.redballoontoystore.com/magnetics/index.php">Magnetics</a></li>
            <li class="dir"><a href="http://www.redballoontoystore.com/outdoor/index.php">Outdoor</a></li>
            <li class="dir"><a href="http://www.redballoontoystore.com/playmobil/index.php">Playmobil</a></li>
            <li class="dir"><a href="http://www.redballoontoystore.com/quercetti/index.php">Quercetti</a></li>
            <li class="dir"><a href="http://www.redballoontoystore.com/science/index.php">Science</a></li>
        </ul>
    </li></a>
    <a href="http://www.redballoontoystore.com/calendar/index.php"><li>Calendar</li></a>
    <a href="http://www.redballoontoystore.com/aboutus/index.php"><li>About Us</li></a>
    <a href="http://www.redballoontoystore.com/storeinfo/index.php"><li>Store Info</li></a>
    <a href="mailto:management@redballoontoystore.com"><li>Contact Us</li></a>
</ul>

​

ul.dropdown {
font: bold 15px/normal Arial, Helvetica, sans-serif; /*make sure to change ul.dropdown a:link, ul.dropdown a:visited, etc, when changing this line*/
 /*letter-spacing: -2px;*/
 text-transform: uppercase;
}

ul.dropdown li {
 padding: 0 10px;
 background-color: transparent;
 color: #c00;
}

ul.dropdown li.last ul li {
 float: right;
}

ul.dropdown a li.hover,
ul.dropdown a li:hover {
 background-color: #cc0000;
 color: #fff;
 border-radius: 4px;
}

ul.dropdown a:link,
ul.dropdown a:visited   { color: #c00; text-decoration: none; font: bold 15px/normal Arial, Helvetica, sans-serif; }
ul.dropdown a:hover     { color: #fff; font: bold 15px/normal Arial, Helvetica, sans-serif;}
ul.dropdown a:active    { color: #ffa500; font: bold 15px/normal Arial, Helvetica, sans-serif;}


/* -- level mark -- */

ul.dropdown ul {
 background-color: #cc0000;
 border-radius: 4px 4px 4px 4px;
 font-size: 12px;
 letter-spacing: normal;
 box-shadow: 0 3px 2px black;
 -ms-display:none;
}

* html ul.dropdown ul {
 width: 960px;
}

    ul.dropdown ul li {
     font-weight: bold;
     box-shadow: none;
     color: #fff;
    }

    /* -- level mark -- */

    ul.dropdown ul ul {
     margin-top: 5px;
     text-transform: none;
     box-shadow: none;
    }

        ul.dropdown ul ul li {
         font-weight: normal;
        }





ul.dropdown *.dir {
 padding-right: 30px;
     /*background-image: url(../../../../images/lwis.celebrity/nav-arrow-down.png);*/
 background-position: 100% 50%;
 background-repeat: no-repeat;
}

ul.dropdown li.hover,
    ul.dropdown li:hover.dir {
 border-radius: 4px 4px 0 0;
}

ul.dropdown ul *.dir {
 background-image: none;
}

Answer 1

您可以尝试使用条件注释来避免IE执行代码：

<![if !IE]>

Your code

<![endif]>

Answer 2

总是有IE css的黑客攻击。尽管它们不是最好的，但如果这只是一个真正快速和肮脏的东西，并且您需要以IE7或更低版本为目标，您可以只在属性前面放置一个*。

示例：

div.box {
    display: inline-block;
    *display: inline;
}

这将只在IE7和更低的版本中显示内联。