IE7 CSS 样式应用不一致



如果以前有人问过这个问题,我深表歉意。 我对CSS和Web开发相对较新。 我正在开发一个必须针对IE7的Web应用程序。对于我的生活,我无法弄清楚为什么在"作业"页面上无序列表是单向格式化的,而在"员工数据"页面上根本没有格式化。 两个页面使用相同的样式表。 我只在IE7和IE8中遇到此问题,较新的版本工作正常。

这是该网站的链接

http://www.j-holmes.net/

再次,如果以前有人问过这个问题,我深表歉意。我想不出更多的搜索条件来谷歌搜索答案。

IE 7不支持

看起来您的 ul 元素嵌套在导航元素中,但在 EmployeeData.aspx 页面上,导航元素似乎已关闭,如此处链接的图像所示: http://www.kruegerwebdesign.com/images/questions/closednav.png

只要确保 nav 元素是打开的并且包含您的无序列表,并且它的样式应该相同。

我不确定确切的原因,但nav元素在员工数据页面上不起作用。浏览器认为在menu元素之前有一个nav元素,在menu元素周围有一个元素。由于 CSS 依赖于 nav 元素中的 menu 元素,因此它不适用。

我在 HTML 代码中看不到任何错误,但可能存在一些错误,导致浏览器无法正确解析代码。

另一个可能的原因可能是您正在使用IE7无法理解的HTML5特定元素。它似乎在某些页面中仍然有效,但这是一个可能使浏览器对标记错误更敏感的因素。

如果问题是 HTML5 标签,例如在 IE7 浏览器中不起作用,我发现这个文件很有用。它为老式浏览器翻译HTML5:http://code.google.com/p/html5shiv/当然值得一试。

最新更新