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

以上就是本文的全部內容，希望對大家的學習有所協助，更多相關內容請關注topic.alibabacloud.com！