我正在尝试用 html 和 CSS 制作一个组合框，其中每个元素都在单独的一行中，当您将鼠标悬停在它上面时，每行都会亮起蓝色，就像在 Google 上一样。这很容易。我有一个带有链接(a)的 div，每个链接都使用 CSS 中的 display:block 来填充整个 div。然后我在悬停的地方添加了一个虚线轮廓，这就是事情变得奇怪的地方。
这是 jsFiddle .
如果您将鼠标悬停在顶部链接上，您可以看到它正在工作，但其他人似乎没有显示轮廓......第二个向下只在底部可见，但其他人根本不存在.
如有任何帮助，我们将不胜感激。
编辑:我在 Windows XP 上使用 IE8
最佳答案
http://www.w3schools.com/cssref/pr_outline.asp
“注意:只有在指定了 !DOCTYPE 时，IE8 才支持 outline 属性。”
如果您在 IE9 中使用兼容模式对此进行测试，请确保您的文档模式符合 Internet Explorer 8 标准，而不是 Quirks。如果我将我的模式切换到 Quirks 模式，轮廓就会消失。
关于html - block 显示的 CSS 大纲错误，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13256459/