嚴格來說不是光CSS就能令IE瀏覽器崩潰(crash),而要配合一定的XHTML架構。到現時為止發現有兩種寫法的代碼分別會令IE6、IE7崩潰,至於原因我嘗試尋找過答案但至今還沒找到…如你有這方面的認識或更詳細的資料很希望你能分享一下!
令瀏覽器崩潰的代碼如下:
Crash IE6
<style type="text/css">
a{position:relative;}
a:hover{float:left;}
</style>
<a href="">崩潰IE6 ,crash ie6</a>
在我寫頁面的時候發現的,此BUG只存在IE6中,偽類中應用a:active同樣會遇到此問題
Crash IE7
<style type="text/css">
div{float:left;width:175px;}
ul{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
li{position:relative;}
</style>
<div>
<ul>
<li>崩潰崩潰崩潰崩潰崩潰crash ie7</li>
<li>崩潰崩潰崩潰崩潰崩潰crash ie7</li>
</ul>
</div>
此BUG由偷米飯發現,只存在IE7中。偷米飯說估計是處理省略字的時候crash掉.