首頁  >  文章  >  web前端  >  ie css3.htc是什麼

ie css3.htc是什麼

藏色散人
藏色散人原創
2020-12-24 09:19:122273瀏覽

ie css3.htc是一個可以讓IE瀏覽器支援部份CSS3屬性的htc文件,不只是【box-shadow】,它還可以讓你的IE瀏覽器支援圓角屬性【border- radius】和文字陰影屬性【text-shadow】。

ie css3.htc是什麼

本文操作環境: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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn