CSS選擇器不適用於IE7和IE8
[英]CSS selectors not applying in IE7 and IE8
問題描述
有一個我以前從未見過的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和8中應用AT ALL，但在IE9中完美運行：
header h1.logo a {}
如果我能弄清楚這里發生了什么，我相信我能夠修復網站的其余部分，但是現在，這完全破壞了IE7和8中的網站。
3 個解決方案
解決方案1
4 已采納 2012-07-11 06:35:25
該站點使用HTML5構建，ie7和ie8不支持，ie9不完全支持。
看看modernizr：
Modernizr是一個開源JavaScript庫，可幫助您構建下一代HTML5和CSS3驅動的網站。
或者您可能希望使用XHTML重新分析HTML，方法是將nav ， section ， header標簽替換為支持的標簽
解決方案2
2 2012-07-11 06:39:49
這是因為IE沒有支持HTML5。 添加以下腳本以在IE中呈現html5。 然后在header元素中添加一個類，然后使用該類添加樣式。
document.createElement("article");
document.createElement("footer");
document.createElement("header");
document.createElement("hgroup");
document.createElement("nav");
解決方案3
1 2012-07-11 09:00:44
你也可以使用shiv “填補空白”。
IE8 CSS和html與IE7
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.