简单的CSS下拉菜单不能在IE6或7中工作

我正在使用一个非常简单的CSS下拉菜单，它在大多数现代浏览器中都能很好地工作。不幸的是，它也必须在IE6和7中工作，而目前它没有。任何人都可以很快检查出来，并告诉我它是否可以轻松修复？简单的CSS下拉菜单不能在IE6或7中工作

如果需要，我不反对使用JavaScript。

2010-05-13 Jeff Jones

提示：'：hover'不能在IE6中的'a'之外的其他元素上工作。唯一的解决方案是Javascript。顺便说一下，它在IE7中的工作方式（使用真正的IE7以及[IETester]（http://my-debugbar.com/wiki/IETester/HomePage）进行测试）。 – BalusC 2010-05-13 18:48:37

感谢您的测试 - 我知道它几乎无法在IE7中工作，但当您将鼠标悬停在每个顶级菜单项的1px边框上时，子级项目似乎“消失”。有任何想法吗？谢谢。 – 2010-05-13 18:51:53

而不是试图调试CSS，我想你应该刚开始与被确认在IE6工作和7有很多菜单，如果你开始那个标准，你会节省很多时间。

我使用jQuery和droppy。非常简单，适用于一切。一旦你找到一个工作，继续使用它，以避免任何未来项目的所有这些浪费。

来源

2010-05-13 18:34:16 CarmineSantini

谢谢，但我真的很想知道为什么我当前的解决方案很简单，至少在IE7中无法使用。 – 2010-05-13 18:46:22

Gotcha。这还算公平。我认为开发人员的时间比理解糟糕的浏览器设计更重要。在旧版浏览器中调试任意细微差别的时间可能会更好地用于学习可以继续前进的东西。也许。我是其中一个从未记住IE的缺点的人之一。我更喜欢让产品出门。因此，使用确认的技术始终工作并坚持到底。 – CarmineSantini 2010-05-13 20:10:30

对于非链接（例如，您的li），hover伪选择器在IE6或IE7（怪癖模式）中不起作用。这就是为什么original popular CSS dropdown包含一些JavaScript。

如果你仍然有间距等问题，我会检查出Son of Suckerfish Dropdowns。国际海事组织CSS下拉的黄金标准。

来源

2010-05-13 18:54:30 Andrew

简单的CSS下拉菜单不能在IE6或7中工作

回答

相关问题