1. 首頁 > 生活經驗 > >

陰影 IE下模擬css3中的box-shadow效果代碼

在ie下模擬css3中的box-shadow（陰影）可以使用ie的Shadow（陰影）濾鏡

基本語法：filter: progid:DXImageTransform.Microsoft.Shadow(color=顏色值, Direction=陰影角度（數值）, Strength=陰影半徑（數值）);

注意：該濾鏡必須配合background屬性一起使用，否則該濾鏡失效 。

IE下模擬css3中的box-shadow（陰影）代碼：

復制代碼代碼如下:
.box-shadow{
filter: progid:DXImageTransform.Microsoft.Shadow(color=’#969696’, Direction=135, Strength=5);/*for ie6,7,8*/
background-color: #eee;
-moz-box-shadow:2px 2px 5px #969696;/*firefox*/
-webkit-box-shadow:2px 2px 5px #969696;/*webkit*/
box-shadow:2px 2px 5px #969696;/*opera或ie9*/
}

演示地址：http://www.css88.com/demo/box-shadow/

相關經驗推薦