网站菜单悬停css IE8问题答案

【问题标题】：Website menu hover css IE8 issue网站菜单悬停css IE8问题
【发布时间】：2012-12-23 22:03:45
【问题描述】：

我在这里有一个网站 http://www.deltacars.co.uk/testsite/

菜单和悬停在包括 IE8 在内的所有浏览器中都可以正常工作，但是当我转到另一个使用相同 html 和 css 的页面时，菜单显示不正确

http://www.deltacars.co.uk/testsite/north-wales-private-hire/privatehire.html

请注意，这仅使用 IE 8。

任何人都知道为什么它在一个页面上运行良好，而不是在另一个页面上

提前致谢

【问题讨论】：

请在jsfiddle 或类似的地方重新创建。发布实际链接没有用，因为问题只会在很短的时间内存在，并且将来对其他人没有用处。还有很多会员不喜欢点击未知链接。

标签： html css internet-explorer-8

【解决方案1】：

损坏的页面在标题中缺少一些条件 IE cmets。您需要做的就是右键单击并查看页面源以比较输出。

    <!--[if lt IE 9]>
    <script src="shiv/dist/html5shiv.js"></script>
    <![endif]-->
    <!--[if lt IE 9]>
    <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
    <![endif]-->

【讨论】：

你为什么重复这个条件两次？为什么不将两个脚本行都放在第一个条件中？

【解决方案2】：

使用 http://validator.w3.org 对您的网站进行彻底验证 - 我猜是您的 241 个错误之一导致它无法在 IE8 中正确呈现。

“现代”浏览器足够智能，可以正确呈现元素，尽管标记不正确，因此您在其他任何浏览器上都看不到问题。

【讨论】：

所有这些错误似乎都来自我正在使用的现代化代码