有一个我以前从未见过的IE的奇怪问题。
我的一大堆选择器根本不适用于IE7和IE8。它们在IE9和良好的浏览器中运行良好。
要查看效果,请只关注此网站左上角的徽标:www.rtotv.com.au。使用IE9中的开发人员工具(F12),找到以下元素:
<body>
<div class="container">
<header class="row header clearfix">
<h1 class="span3 logo">
<a title="RTO TV Home" class="ir" href="/"> <--this element
styles.css样式表正在加载,并且.ir类正在应用,但作为示例,此样式选择器不适用于IE7中的AT ALL&amp; 8,但在IE9中完美运行:
header h1.logo a {}
如果我能弄清楚这里发生了什么,我相信我能够修复网站的其余部分,但是现在,这完全破坏了IE7中的网站。 8.
答案 0 :(得分:4)
此网站使用HTML5构建,ie7和ie8不支持,ie9不完全支持。
看看modernizr:
Modernizr是一个开源JavaScript库,可帮助您构建下一代HTML5和CSS3驱动的网站。
或者您可能希望使用XHTML重新分析HTML,将nav
,section
,header
标记替换为支持的标记
答案 1 :(得分:2)
这是因为IE不支持HTML5。添加以下脚本以在IE中呈现html5。然后在header元素中添加一个类,然后使用该类添加样式。
document.createElement("article");
document.createElement("footer");
document.createElement("header");
document.createElement("hgroup");
document.createElement("nav");
答案 2 :(得分:1)
您还可以使用shiv来填补空白。