關于陰影這個效果,IE和W3C都有實現的代碼,但效果卻不統一(以W3C的效果為主)。
W3C實現代碼:box-shadow: 水平偏移 垂直偏移 陰影模糊值 陰影外延值 insert(是否內陰影);
IE的陰影實現代碼:progid:DXImageTransform.Microsoft.Shadow(color=顏色, direction=角度, strength=陰影強度);
但IE的陰影看起來有點惡心,而且還不可以設置模糊值。可以點擊這里查看
所以,要想效果跟W3C的效果接近,可以利用IE濾鏡的模糊效果達到
IE的模糊效果實現代碼:filter:progid:DXImageTransform.Microsoft.Blur(pixelradius=7);
實現原理是新建一個層,加模糊效果作為陰影,實現如下:
外陰影:
新聞熱點
疑難解答