我們都知道,IE 6,7不支持新增加的CSS3屬性,甚至與IE8是CSS3還沒有完全準備好。你知道嗎,今天給大家分享一個腳本工具,可以幫助您啟用CSS3的支持IE瀏覽器(IE6)與新的CSS3屬性,包括:border-radius屬性,box-shadow(陰影),text-shadow(影子的文本)。
使用方法很簡單:
behavior: url(ie-css3.htc);
代碼
.box {
-moz-border-radius: 15px; /* Firefox */
-webkit-border-radius: 15px; /* Safari and Chrome */
border-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
-moz-box-shadow: 10px 10px 20px #000; /* Firefox */
-webkit-box-shadow: 10px 10px 20px #000; /* Safari and Chrome */
box-shadow: 10px 10px 20px #000; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the ‘box’ class */
}
雖然也有一些問題的z-index和box-shadow顏色(#000色),它真的有幫助的腳本黑客攻擊。你應該給它一個試試吧!
在這里下載腳本。
新聞熱點
疑難解答