css - ie8 上的导航列表项问题

标签 css internet-explorer navigation

我的圆形导航有问题,第一个列表项的右侧似乎有一个巨大的空隙。

我在 UL 中有一个链接列表,每个链接都有自己的类,因此我可以为它们设置背景图标。现在第一个链接的背景是圆 Angular 的。

我使用 relative to push to left 这样它会对主页上的悬停和事件状态以及当我在其他页面上时的悬停产生圆形效果。

现在除了 IE8 和可能的旧版本之外,它在新浏览器中都可以正常工作。

我把它放在 JSFiddle 上以便于查看。对于不必要的 CSS 属性,我们深表歉意。

http://jsfiddle.net/datastream/Gta3h/2/

谢谢。

最佳答案

这是我对正在发生的事情的最佳猜测。

你说:

Havent added any doctype or anything its just strictly html and css

如果您没有添加文档类型,那么 IE 将在 Quirks mode 中- 这很糟糕。


刚刚看到您的评论:显然答案是添加文档类型以使 IE 退出 Quirks 模式。

关于css - ie8 上的导航列表项问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4952947/

相关文章:

java - 使用 MS Internet Explorer 从 Java 小程序访问浏览器的 javascript

android - SKMAPS 导航监听器中未调用 OnDestinationReached

html - 如何让表格文字永不换行?

css - 在菜单后面或后台发布内容

javascript - 使 <img> 元素出现在悬停时并保持在与被点击按钮的相同 ID 相对应的点击上

html - 如何调整CSS在IE 6中正确显示?

css - 当使用 box-sizing :border-box in *Chrome*, 时,为什么 &lt;input type ="text"> 与 &lt;input type ="password"> 呈现不同

html - 响应式设计在 IE7 和 IE8 等中不起作用

html - 在 Visual Basic 中对齐导航菜单

html - 使用 CSS 使页脚正确 float