日本免费全黄少妇一区二区三区-高清无码一区二区三区四区-欧美中文字幕日韩在线观看-国产福利诱惑在线网站-国产中文字幕一区在线-亚洲欧美精品日韩一区-久久国产精品国产精品国产-国产精久久久久久一区二区三区-欧美亚洲国产精品久久久久

  1. 首頁(yè) > 云知道 > >

ie-css3.htc 讓IE6, 7, and 8也支持box-shadow

云知道

首先下載ie-css3.htc腳本，然后在css中加入：

它的使用方法是：下載它并放到你的服務(wù)器目錄

在你的head/head里面寫(xiě)入下面的代碼:

復(fù)制代碼代碼如下:
.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 6using 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 IE6using 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里面，只要寫(xiě)有box-shadow, -moz-box-shadow或-webkit-box-shadow的任何一種，IE就會(huì)渲染 。
當(dāng)使用了這個(gè)htc文件后，你不能這樣寫(xiě)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)簽里加入如下代碼：

復(fù)制代碼代碼如下:
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是投影的大小值 。

    推薦閱讀