IE 中的 CSS 阴影答案

【问题标题】：CSS shadow in IEIE 中的 CSS 阴影
【发布时间】：2011-12-05 19:53:18
【问题描述】：

filter: progid:DXImageTransform.Microsoft.Shadow(color='#b0b0b0', Direction=135, Strength=3);

那是我在 CSS 中的一行，它给出了阴影，所以很好。当我也想在左侧也有同样的东西时，问题就来了。如果我只是再次添加同一行并更改该行，则仅执行第二行，所以现在左侧有阴影但不在右侧。怎么能两边都放呢？

注意：这仅适用于 IE，我已经在 Chrome 和 Mozilla 上运行。

【问题讨论】：

你应该尝试使用美妙的css3pie.com

标签： css internet-explorer shadow

【解决方案1】：

尝试这样做：

<div style="width:240px; height:160px; padding:10px; filter:progid:DXImageTransform.Microsoft.Shadow(color='Red', Direction=135, Strength=4);">
    <div style="width:240px; height:160px; padding:10px; font:bold 13pt verdana; filter:progid:DXImageTransform.Microsoft.Shadow(color='Red', Direction=45, Strength=4); border:1px solid #000">
        This is the DIV content.
    </div>
</div>

【讨论】：

【解决方案2】：

不幸的是你不能把它放在两边，我之前试过这个。查看 options 的方向属性。

【讨论】：