ie-css3.htc(讓IE支持box-shadow，圓角，text-shadow)

時間 2019-11-08

標籤 css3.htc css htc 支持 box shadow 圓角 text 欄目 CSS 简体版

原文原文鏈接

IE自己是shadow濾鏡能夠實現相似效果的，還有一些js和.htc的hack文件能夠幫助你在IE中實現這一效果。我也沒法一一都去嘗試，這裏只介紹我用過的一個。css

ie-css3.htc是一個能夠讓IE瀏覽器支持部份CSS3屬性的htc文件，不僅是box-shadow，它還能夠讓你的IE瀏覽器支持圓角屬性border-radius和文字陰影屬性text-shadow。css3

它的使用方法是：下載它並放到你的服務器目錄web

在你的<head></head>裏面寫入下面的代碼:瀏覽器

<!--[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了。但仍是有幾點須要注意的是：dom

當你使用了這個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腳本，歡迎留言分享。fetch

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。