首先下載ie-css3.htc腳本，然后在css中加入：
它的使用方法是：下載它并放到你的服務(wù)器目錄
在你的<head></head>里面寫入下面的代碼:
.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);
}
注意：behavior: url(ie-css3.htc) 中的ie-css3.htc地址用絕對(duì)路徑或者直接傳到網(wǎng)站的根目錄下面，要不然可能會(huì)看不到效果。
IE-CSS3.HTC下載地址：
下載地址: 點(diǎn)擊下載 前往官網(wǎng)
•當(dāng)你使用了這個(gè)htc文件后，你的CSS里面，只要寫有box-shadow, -moz-box-shadow或-webkit-box-shadow的任何一種，IE就會(huì)渲染。
•當(dāng)使用了這個(gè)htc文件后，你不能這樣寫box-shadow: 0 0 10px red; 而應(yīng)該是box-shadow: 0px 0px 10px red; 否則IE中會(huì)失效。
•不支持RGBA值中的alpha透明度。
•不支持inset內(nèi)陰影。
•不支持陰影擴(kuò)展。
•陰影在IE中只會(huì)顯示為黑色，不管你設(shè)置成其它什么顏色。
但是，這個(gè)腳本了僅僅是讓IE支持了部份的box-shadow值。
方法二：
在<head></head>標(biāo)簽里加入如下代碼：
<style type=”text/css”>
img{background: #fff;
-ms-filter:”progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=0,strength=6) progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=90,strength=10) progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=180,strength=10) progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=270,strength=6)”;
*filter:
progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=0,strength=6)
progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=90,strength=10)
progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=180,strength=10)
progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=270,strength=6);
}
</style>
其中：color是投影的顏色，direction是順時(shí)針的角度值，strength是投影的大小值。
新聞熱點(diǎn)
疑難解答
圖片精選
