如何为IE转换此box-shadow属性? [英] How do I convert this box-shadow property for IE?

问题描述

我正在将此属性用于框阴影:

I am using this property for box-shadow:

 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);

它不适用于IE.我在网上查了一下，发现可以使用类似这样的东西:

It won't work on IE. I looked up on the web and found that I can use something like this:

filter: progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=135,strength=10); 

但是我不确定如何在此IE代码段中使用框阴影值.如何转换?

But I am not sure how to use my box-shadow values for this IE snippet. How can I convert it?

推荐答案

不幸的是，在旧IE上没有用于框阴影过滤器的自动生成器.

Unfortunately there isn't an auto-generator for box-shadow filters on old IE.

我可以提供的最佳建议是使用CSS3 Pie(在此处找到链接).它一直提供IE6之类的CSS3功能，如border-radius，linear-gradient和box-shadow.

Best recommendation I can provide is to use CSS3 Pie (link found here). It provides CSS3 features like border-radius, linear-gradient, as well as box-shadow, all the way back to IE6.

稍微切线，但是有一个非常酷的auto- filter生成器，用于由Kimili(

Slightly tangential, but there IS a really cool auto-filter generator for rgba / hsla colors done by Kimili (link found here). Doesn't help with box-shadow, but it is great for using those crazy filters to create background-color opacity on IE6-8.

这篇关于如何为IE转换此box-shadow属性?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！