互联网浏览器 CSS

Question

我在一个网站上有一个下拉菜单，它可以在除 Internet Explorer 之外的所有浏览器上完美运行。有没有办法只为 Internet Explorer 关闭它？我尝试使用

-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

你可以尝试使用条件cmets来避免IE执行代码：

<![if !IE]>

Your code

<![endif]>

Answer 2

IE css hack 也总是存在。虽然它们不是可取的，但如果它只是一个真正快速和肮脏的东西，并且您需要针对 IE7 及以下版本，您可以在属性前面放置一个 * 。

例子：

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

这只会在 IE7 及更低版本中显示内联。