：僞CSS規則不能在IE中工作

我有一個CSS規則，它可以在所有的瀏覽器中工作，但在IE中工作。當我在IE檢查員檢查它時，我可以看到規則沒有被應用。：僞CSS規則不能在IE中工作

.wrapper:after { 
    content: ''; 
    display: table; 
    clear: both; 
}

任何想法爲什麼這個規則不適用於IE？

我在測試IE 11,10 & 9.我正在開發一個Magento應用程序。

來源

2014-09-25 Holly

它在其他瀏覽器中工作嗎？你的僞元素沒有內容。 – Rob 2014-09-25 17:26:30

預期的結果是什麼？你的：在沒有內容之後，其他瀏覽器顯示什麼內容？好像你沒有在問題中包含一些實際的代碼。 – CodingWithSpike 2014-09-25 17:30:16

@Rob：空字符串實際上被認爲是內容。「沒有內容」將是「content：none」。儘管一些舊版本的瀏覽器在空字符串中確實存在區分'none'的問題，但IE並不是這些瀏覽器之一。請參閱http://stackoverflow.com/questions/13656098/css-content-property-forces-a-clear-when-set-to/13656136#13656136 – BoltClock 2014-09-25 17:34:40

我能夠通過重新編寫CSS規則來解決這個問題：

.wrapper:after { 
    visibility: hidden; 
    display: block; 
    font-size: 0; 
    content: " "; 
    clear: both; 
    height: 0; 
}

我不明白，爲什麼以前的規則沒有對IE瀏覽器，而它在所有其他瀏覽器的工作。之前的規則是從Magento RWD主題繼承而來的。

此外，似乎IE檢查員橫渡了所有：在規則之後，這是誤導，因爲其中一些實際上在頁面上工作。

來源

2014-09-26 11:46:10 Holly

：僞CSS規則不能在IE中工作

回答

相關問題