IE8 的 css3 中的阴影和不透明度（不匹配）答案

【问题标题】：Shadow & Opacity In css3 For IE8 (Not Match)IE8 的 css3 中的阴影和不透明度（不匹配）
【发布时间】：2011-07-31 16:15:10
【问题描述】：

我有一些不透明度低的图像（在我的 bachground-image 前面）（png 格式）并且在 ie8 和 firefox 中一切都很好，直到我在 ie8 中为圆角和 Shadow Box 添加 pie.htc（或来自谷歌代码的border-radious.htc）......

添加pie.htc后：

behaviour : url(pie.htc);

并添加以下代码：

border-radius:15px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
box-shadow: 5px 5px 20px red;
-moz-box-shadow: 5px 5px 20px red;
-webkit-box-shadow: 5px 5px 20px red;

我的图像的不透明度消失了...

我用一个简单的 html 项目对其进行了测试，发现当我们在 ie 8 中使用阴影框时（只要 ie8 & ff 就可以了），阴影填充了我们的整个元素，因此不透明度消失了。

如何解决这个阴影+不透明度问题？

================================================ ======

我的另一个问题：

我们如何为 IE8 组合以下代码（保持不透明度）：

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";//opacity
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);//opacity

-ms-filter: "progid:DXImageTransform.Microsoft.dropShadow(attribute1=value1, attribute2=value2, etc)";//shadow

提前致谢

【问题讨论】：

嗨，我亲爱的朋友们/我编辑了我的问题/感谢您将来帮助我

标签： internet-explorer-8 opacity css

【解决方案1】：

在 IE 8 中似乎无法使用不透明度的阴影... 当您在 IE8 中为元素添加不透明度后的阴影（在 Firefox 中一切正常）时，您不会感觉到不透明度存在，因为该阴影填充了整个元素并且不让不透明度显示出来。

但是我通过简单的 html 项目检查了这个问题，并搜索了没有结果的解决这个问题/如果你找到了关于这个的解决方案，请与我们分享。

【讨论】：

【解决方案2】：

icant 是正确的，但有一个小错字。它应该是 progid 而不是 profid。我尝试编辑，但它不允许我只编辑一个字母。

filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25) progid:DXImageTransform.Microsoft.dropShadow(attribute1=value1, attribute2=value2, etc);

感谢icant！

【讨论】：

【解决方案3】：

只需将阴影放在不透明度之后，并在其间添加一个空格。它尽可能简单。

filter: profid:DXImageTransform.Microsoft.Alpha(Opacity=25) progid:DXImageTransform.Microsoft.dropShadow(attribute1=value1, attribute2=value2, etc);

【讨论】：