Question

有没有办法在所有html元素中使用“hover”属性而不只是在IE中使用'？

例如'li：hover'。它在IE6中不起作用。（我不知道其他版本的IE）。

编辑：我只是想用CSS没有javascript。这是一个简单的菜单。

Answer 1

不，IE6没有为所有元素正确实现：hover伪类。它只支持锚点。

Answer 2

我认为无论如何在IE 6中没有javascript就可以做到。

如果它是一个单一级别的菜单，您可以调整样式以使链接呈现为显示：阻止li内部，以便您可以在它们上执行悬停，并且如果需要，可以在链接中添加跨度以用于额外造型灵活，但个人从未尝试过将其扩展到多级菜单。

优雅退化的策略可能是你最好的选择。

Answer 3

使用onmouseover / onmouseout和javascript。

当您将鼠标悬停在元素上时，只需使用悬停内容显示隐藏的div。

当您使用鼠标悬停元素时，您将使用悬停内容隐藏div。

如果你不想做所有的腿部工作，Jquery会让这更容易

<span id="hoverSpan" class="hoverelement" hoverdata="this is my hoverdata">HoverSpan</span>
<a href="#" id="hoverAnchor class="hoverelement" hoverdata="this is my hover data">HoverAnchor</a>
<div id="hoverdiv" style="display:none"></div>

<script language="javascript">
  $(document).ready(function () {
     $(".hoverelement").each( function () {
       var myelement = $(this);
       myelement.mouseover( function (e) {
         var myhovertext = myelement.attr("hoverdata");
         $("#hoverdiv").html(myhovertext).show();
       });
       myelement.mouseout( function (e) {
         $("#hoverdiv").html(myhovertext).hide();
       });
     });
  });
</script>

它已经很晚了，我没有测试过，但这个想法就在那里。基本上你会使用“hoverelement”类的任何元素进行悬停

Answer 4

尝试jquery ...我不确切知道但它可能在IE6中有效....

IE中的非链接元素悬停问题

4 个答案: