开发者

How to do a box shadow in IE?

I'm using this for firefox and web kit browsers:

-moz-box-shadow: 0 0 15px #888;
-webkit-box-shadow: 0 0 15px #888;
box-shadow: 0 0 15px #888;

for IE, I found 2 filters from this article:

http://robertnyman.com/2010/03/16/drop-shadow-with-css-for-all-web-browsers/

/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')开发者_如何学JAVA;

but these 2 filters are for the example on that article, not the box shadow effect I'm looking to acheive. I tried to alter it but I'm not familiar with IE filters. Can anyone please alter these 2 filters to work with the drop shadow I effect I need?


I wouldn't bother setting up those filters since they won't behave exactly the same as box-shadow.

For my projects I use css3PIE which adds css3 features to IE browsers who don't support them. I find this solution for box-shadow to be far more consistent. And you can use normal css3 syntax - all you need to do is load the library.

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜