我已经创建了我的第一个网站并投入了大量时间，但我很困惑我已经在浏览器上测试了该网站
IE9 铬 19.0.1084.56 m 火狐13.0
我的布局都适合我
在检查以前的浏览器（如 IE8、IE7 等）时，我的菜单上的按钮甚至无法正确显示，我有一个图像作为按钮，顶部有一个翻转图像。
它们要么一半显示底层图像，要么根本不显示，然后点击一半消失等。
我真的很想从那里有经验的人那里得到一些帮助，让我知道当涉及到我的网站时最好的做法。
它与图形的大小等有关吗？还是我为翻转按钮完成 CSS 编码的方式？？
任何帮助将不胜感激。
很抱歉，我是一个初学者，但我已经尽力学习并观看了数百个 youtube 视频和网站教程......所以我不确定我哪里出错了。
【问题讨论】：
标签： css internet-explorer cross-browser
在 style.css 的第 148 行，您在类选择器 menu li a:visited 上缺少 . 应该是 .menu li a:visited。如果无法解析，某些浏览器可能会完全放弃该规则。仔细检查你的 CSS。
由于您使用的是 html5 shiv，因此并不真正相关，但值得一提：
此外，您正在使用 section 元素并依靠它们来设置样式。这些来自 HTML5，因此某些浏览器无法识别它们，因此不会应用您的 css。如果您想支持旧版浏览器（以及任何不支持某些 HTML5 元素的新浏览器），请改用 DIV 或其他元素作为容器。
【讨论】：
你使用 HTML5 标签，所以你必须为 IE8 添加http://code.google.com/p/html5shiv/-
还有一些 JS 错误。
【讨论】：
如果您使用的是 HTML5，那么旧版本的 IE 会出现严重问题。要解决这些问题，请将这些代码行添加到每个网页的结束标记之前：
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
【讨论】：