css - 网站布局在旧版本的 IE 上无法正常工作 - 在 IE9、FF 13 和 chrome 上工作正常

Question

我已经创建了我的第一个站点并投入了大量时间，但我很困惑我已经在浏览器上测试了该站点

IE9 铬 19.0.1084.56 m 火狐 13.0

我的布局都适合我

在检查以前的浏览器（如 IE8、IE7 等）时，我的菜单上的按钮甚至没有正确显示，我有一个图像作为按钮，顶部有一个翻转图像。

它们要么一半显示底层图像，要么根本不显示，然后单击一半消失等。

我真的很想从那里有经验的人那里得到一些帮助，让我知道在我的网站上做的最好的事情。

它与图形的大小等有关吗？或者我为翻转按钮完成 CSS 编码的方式？

任何帮助将不胜感激。

对不起，我是初学者，但我已经尝试学习我能做的，并观看了数百个 youtube 视频和网站教程......所以我不确定我哪里出错了。

score 1 · Accepted Answer

如果您使用的是 HTML5，那么旧版本的 IE 将会出现严重问题。要解决这些问题，请将这些代码行添加到每个网页的结束标记之前：

<!--[if lt IE 9]>
     <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

score 0 · Accepted Answer

在 style.css 的第 148 行，您.在类选择器上缺少 amenu li a:visited应该是.menu li a:visited. 如果无法解析，某些浏览器可能会完全放弃该规则。仔细检查你的 CSS。

由于您使用的是 html5 shiv，因此并不真正相关，但值得一提：

此外，您正在使用section元素并依赖它们来设置样式。这些来自 HTML5，因此某些浏览器无法识别它们，因此不会应用您的 css。如果您想支持旧版浏览器（以及任何不支持某些 HTML5 元素的新浏览器），请改用 DIV 或其他元素作为容器。

score 0 · Accepted Answer

因此，您使用 HTML5 标签，您必须为 IE8添加http://code.google.com/p/html5shiv/ -

你也有一些 JS 错误。

3 回答 3