ie css3.htc是一個可以讓IE瀏覽器支援部份CSS3屬性的htc文件,不只是【box-shadow】,它還可以讓你的IE瀏覽器支援圓角屬性【border- radius】和文字陰影屬性【text-shadow】。
本文操作環境:Windows7系統,Dell G3電腦。
推薦:《css影片教學》
ie-css3.htc(讓IE支援box-shadow,圓角,text-shadow)
IE本身就是shadow濾鏡可以實現類似效果的,還有一些js和.htc的hack檔可以幫助你在IE中實現這一效果。我也無法一一嘗試,這裡只介紹我用過的一個。
它的使用方法是:下載它並放到你的伺服器目錄
在你的93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1裡面寫入下面的程式碼:
<!--[if IE]> <style type="text/css">img, #testdiv, .testbox{behavior: url(http://yourdomain.com/js/ie-css3.htc);} </style> <![endif]-->
藍色部份輸入要使用box-shadow屬性的選擇器,綠色部份輸入ie-css3.htc的絕對路徑,或相對路徑,反正要保證能存取得到。
然後這樣就OK了。但還是有幾點要注意的是:
當你使用了這個htc檔案後,你的CSS裡面,只要寫有box-shadow, -moz-box-shadow或-webkit-box-shadow的任何一種,IE就會渲染。
當使用了這個htc檔案後,你不能這樣寫box-shadow: 0 0 10px red; 而應該是box-shadow: 0px 0px 10px red; 否則IE中會失效。
不支援RGBA值中的alpha透明度。
不支援inset內陰影。
不支援陰影擴充。
陰影在IE中只會顯示為黑色,不管你設定成其它什麼顏色。
所以說,這個腳本了只是讓IE支援了部份的box-shadow值。如果你有其它更好的IE hacks腳本
以上是ie css3.htc是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!