Html IE6子系统中的菜单列表未删除_Html_Css_Internet Explorer_Internet Explorer 6

Html IE6子系统中的菜单列表未删除

html css internet-explorer

Html IE6子系统中的菜单列表未删除,html,css,internet-explorer,internet-explorer-6,Html,Css,Internet Explorer,Internet Explorer 6,我知道ie6有一个问题：悬停可见性和子选择器，但看不出为什么我的子菜单没有下降？我已经包含了代码，如果有人能告诉我我的错误在哪里，我将不胜感激？这是之前帖子中收到的回复的后续内容。您会注意到，我已经尝试了htc文件行为，但这对我也不起作用。谢谢 <ul id="navigation" class="nav-main"> <li><a href="http://www.somedomain.com/">Home</a><

我知道ie6有一个问题：悬停可见性和子选择器，但看不出为什么我的子菜单没有下降？我已经包含了代码，如果有人能告诉我我的错误在哪里，我将不胜感激？这是之前帖子中收到的回复的后续内容。您会注意到，我已经尝试了htc文件行为，但这对我也不起作用。谢谢

<ul id="navigation" class="nav-main">
            <li><a href="http://www.somedomain.com/">Home</a></li>
            <li class="list"><a href="#">Freebies</a>
          <ul class="nav-sub">
            <li><a href="http://www.somedomain.com/category/backgrounds/">Backgrounds</a></li>
            <li><a href="http://www.somedomain.com/category/buttons/">Buttons</a></li>
            <li><a href="http://www.somedomain.com/category/graphics/">Graphics</a></li>
            <li><a href="http://www.somedomain.com/category/html-css/">HTML &amp; CSS</a></li>
            <li><a href="http://www.somedomain.com/category/icons/">Icons</a></li>
            <li><a href="http://www.somedomain.com/category/psd/">PSD</a></li>
            <li><a href="http://www.somedomain.com/category/templates/">Templates</a></li>
            <li><a href="http://www.somedomain.com/category/tutorials/">Tutorials</a></li>    
          </ul>
            </li>

            <li class="list"><a href="#">About</a>
          <ul class="nav-sub">
            <li><a href="http://www.somedomain.com/about/">AboutUs</a></li>
            <li><a href="http://www.somedomain.com/commercial-use/">Commercial Use</a></li>
            <li><a href="http://www.somedomain.com/about/terms-of-use/">Terms Of Use</a></li>
          </ul>
          </li>

            <li><a href="http://www.somedomain.com/advertise/">Advertise</a></li>
            <li><a href="http://www.somedomain.com/contact/">Contact</a></li>


        </ul>


body    {

    behavior: url(csshover3.htc);
}

#navigation {
    margin:0;
    padding: 0;
    clear:both;
    width:999px;
    height:51px;
    background: #d6eaf8 url(../images/dropdown-bg.gif) repeat-x left top;
}


ul.nav-main,
ul.nav-main li {
    list-style: none;
    margin: 0;
    padding: 0;
}


ul.nav-main {
    position: relative;
    z-index: 597;
}

ul.nav-main li:hover > ul {
    visibility: visible;

}


ul.nav-main li.hover,
ul.nav-main li:hover {
    position: relative;
    z-index: 599;
    cursor: pointer;
    background: url(../images/dropdown-bg-hover.gif) repeat-x left top;

}



ul.nav-main li {
    float:left;
    display:inline-block ;
    height: 100%;
    color: #999;
    font: 14px Tahoma, Verdana, Arial, Helvetica, sans-serif;
    background: url(../images/separator.gif) no-repeat right center;

}

ul.nav-main li a {
    display:inline-block;
    padding: 16px 16px 0 16px;
    height: 35px;
    color: #fff;
    font: 14px Tahoma, Verdana, Arial, Helvetica, sans-serif;
    text-decoration:none;
}

ul.nav-main li a:hover {
    color:#D6D6D6;

}



ul.nav-main *.list {
    padding-right: 22px;
    background: url(../images/navigation-arrow.gif) no-repeat right top;
}



ul.nav-sub {
    display:block;
    position: absolute;
    padding:10px;
    top: 48px;
    left: 0;
    z-index: 598;
    background: #353535 url(../images/dropdown-list-bg.gif) repeat-x left top;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;

}


ul.nav-sub li {
    list-style:none;
    display:block;
    padding: 0;
    height: 27px;
    float: none;
    width:145px;
    border-bottom: 1px solid #5a5a5a;
    background: none;

}

ul.nav-sub li a {
    list-style:none;
    display:none;
    padding: 6px 5px 6px 5px;
    height: 15px;
    float: none;
    width:145px;
    background: none;
    font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;

}

ul.nav-main li:hover ul.nav-sub {     display:none; /* OR display:list-item */ }

























身体{
行为：url（cssphover3.htc）；
}
#航行{
保证金：0；
填充：0；
明确：两者皆有；
宽度：999px；
高度：51px；
背景：#d6eaf8 url（../images/dropdown bg.gif）repeat-x左上角；
}
ul.nav-main，
ul.nav-main li{
列表样式：无；
保证金：0；
填充：0；
}
ul.nav-main{
位置：相对位置；
z指数：597；
}
ul.nav-main li：悬停>ul{
能见度：可见；
}
ul.nav-main li.hover，
ul.nav-main li:悬停{
位置：相对位置；
z指数：599；
光标：指针；
背景：url（../images/dropdown bg hover.gif）repeat-x左上角；
}
ul.nav-main li{
浮动：左；
显示：内联块；
身高：100%；
颜色：#999；
字体：14px塔荷马，Verdana，Arial，Helvetica，无衬线；
背景：url（../images/separator.gif）无重复右中心；
}
ul.nav-main li a{
显示：内联块；
填充：16px 16px 0 16px；
高度：35px；
颜色：#fff；
字体：14px塔荷马，Verdana，Arial，Helvetica，无衬线；
文字装饰：无；
}
ul.nav-main li a：悬停{
颜色：#D6；
}
ul.nav-main*.列表{
右边填充：22px；
背景：url（../images/navigation arrow.gif）无重复右上角；
}
ul.nav-sub{
显示：块；
位置：绝对位置；
填充：10px；
顶部：48px；
左：0；
z指数：598；
背景：#3535 url（../images/dropdownlist bg.gif）repeat-x左上角；
右边框：1px实心#000；
边框底部：1px实心#000；
左边框：1px实心#000；
}
ul.nav-sub-li{
列表样式：无；
显示：块；
填充：0；
高度：27px；
浮动：无；
宽度：145px；
边框底部：1px实心#5a5a；
背景：无；
}
ul.nav-sub-li a{
列表样式：无；
显示：无；
填充：6px 5px 6px 5px；
高度：15px；
浮动：无；
宽度：145px；
背景：无；
字体：12px塔荷马，Verdana，Arial，Helvetica，无衬线；
}
ul.nav-main li:悬停ul.nav-sub{display:none；/*或display:list item*/}

如果您的内容已经在锚定标记周围，您可以尝试更改CSS，将hover属性附加到锚定上，而不是li属性。然而，这可能仍然是个问题

如果这不起作用，请尝试将display:inline块添加到锚定标记。否则，您将不得不使用javascript对其进行破解

<li><a>content</a></li>

ul.nav-main li a:hover > ul {
    visibility: visible;

}


ul.nav-main li a.hover,
ul.nav-main li a:hover {
    position: relative;
    z-index: 599;
    cursor: pointer;
    background: url(../images/dropdown-bg-hover.gif) repeat-x left top;

}

您需要为IE6使用一些Javascsript
li:hover
是你的问题。IE6只支持hover-on-anchor标记（可能还有一些表单元素，我现在记不起来了，但肯定不支持
s）
记住您已经在使用
如果没有在IE6中进行实际测试，我可以看到一个问题：
ul.nav-main li:hover > ul {
    visibility: visible;
}

这是在使用
（the），即
尝试用ul.nav-main li:hover-ul
或ul.nav-main li:hover.nav-sub
替换该选择器。您能用HTML和CSS发布一个吗？查看您的标记会容易得多。@chris我已经用html更新了我的代码。谢谢我还没有锚定标签吗<李>&；还是我误解了你？谢谢你不能在IE6中使用：hover伪类，除非用JS对其进行黑客攻击。我在发布之前没有看到你的HTML，但是解决方案还是一样的。为发布的HTML.hmm编辑了答案，那么JS或jquery是唯一的解决方法？我已经在使用htc文件方法了，但是它不起作用。感谢body{behavior:url（cssphover3.htc）；}
-他已经在使用这个：你有链接到这个例子吗？这会对禁用JS的用户产生什么影响？谢谢body{behavior:url（cssphover3.htc）；}
-他已经在用这个了：我手头没有一个例子。我们的想法是复制：hover psuedo类的功能。因此，对于IE6，可以使用mouseover和mouseout*事件从要模拟悬停的元素中添加和删除类（可能是“hover”）。对于没有打开JS的IE6用户。您可能只有大约2个菜单项，但您有三个选项，忘记它们，默认情况下展开菜单（使用JS隐藏它们），或者在页面的顶级菜单项下有辅助菜单。*我忘了IE中的事件是什么，是onmouseover还是onmouseenter？@thirtydot我错过了。使用ul.nav-main li:hover.nav sub使sub出现，但在sub中没有列表。对您的代码稍微添加了一点，它现在可以工作了。将ul.nav-sub li a从display:none更改为display:block and voila，ie6中的一个下拉列表没有js:-）我喜欢当一个计划出现在一起时：-）谢谢你的帮助不客气，我很高兴你解决了它。我并不期待与IE6共度时光。