【问题标题】:IE6 li display on hoverIE6 li 悬停时显示
【发布时间】:2011-09-25 21:00:21
【问题描述】:

我非常了解 iE6 悬停问题和解决方法。我没有看到的是如何在 IE6 中悬停时显示 li?例如,有一个支持链接,当悬停在上面时,我希望出现一个 ul li,悬停时只显示初始链接。任何提示让我开始?非常感谢

html代码示例

http://jsfiddle.net/zdUMG/4/

【问题讨论】:

    标签: html css internet-explorer internet-explorer-6


    【解决方案1】:

    好吧,一方面,您的 HTML 无效。

    您需要将整个内容包装在ul 中,并且需要将子菜单ul 移动到li 中。像这样:http://jsfiddle.net/zdUMG/2/

    然后,你需要一些简单的 CSS:http://jsfiddle.net/zdUMG/3/

    #nav li ul {
        display: none
    }
    #nav li:hover ul {
        display: block
    }
    

    但是,这在 IE6 中不起作用。

    我很清楚 iE6 悬停问题和 解决方法

    那么,有什么问题呢?

    只需使用Whatever:hover 即可允许#nav li:hover ul 之类的选择器在IE6 中工作。

    【讨论】:

    • @thirtydot 不管:悬停似乎对我不起作用。我现在只需要知道 html 和 css 代码以在悬停时显示链接。
    • 当我点击来自 li 的链接时,列表返回支持。我如何 css 使链接可点击。谢谢
    • 我的演示不会发生这种情况。我需要看看你必须告诉你如何解决它。顺便说一句,如果 Whatever:hover 不适合你,我推荐这个教程:htmldog.com/articles/suckerfish/dropdowns。我还是推荐它,它的质量很高。
    • @thirtydot 它不是一个菜单,它只是当用户将鼠标悬停在支持上时我想要生成的链接列表。感谢您的链接。我已经用 html 和 css 更新了小提琴。谢谢jsfiddle.net/zdUMG/4
    • 我刚刚在本地使用 IE6 进行了测试,方法是复制以下代码:fiddle.jshell.net/zdUMG/5/show/light 并将其放在与csshover3.htc 相同的文件夹中的 HTML 文件中。悬停有效,我可以单击链接。我不确定你想让我解决什么问题?
    猜你喜欢
    • 2014-04-09
    • 2013-01-13
    • 2013-07-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-02-03
    相关资源
    最近更新 更多