IE下模擬css3中box-shadow的效果

這篇文章主要介紹了關於IE下模擬css3中box-shadow的效果，有著一定的參考價值，現在分享給大家，有需要的朋友可以參考一下

在ie下模擬css3中的box-shadow（陰影）可以使用ie的Shadow（陰影）濾鏡來實現，需要注意的是該濾鏡必須配合background屬性一起使用，否則該濾鏡失效

在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*/ 
}

以上就是本文的全部內容，希望對大家的學習有所幫助，更多相關內容請關注PHP中文網！

相關建議：

如何實作用css3顯示隱藏一個div特效

如何使用css3實作input輸入框顏色漸變發光的效果

以上是IE下模擬css3中box-shadow的效果的詳細內容。更多資訊請關注PHP中文網其他相關文章！