Question

我有一些不透明度低的图像（在我的bachground图像前面）（png格式） ie8＆amp ;; firefox直到我添加了pie.htc（或来自谷歌代码的border-radious.htc）的圆角和＆amp;暗影盒在ie8 ......

添加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＆amp; 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

提前致谢

Answer 1

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

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

谢谢你！

Answer 2

似乎不可能在IE 8中使用具有不透明度的阴影... 当您在IE8中向一个元素的不透明度添加阴影（在Firefox中，每件事都没问题）时，您无法感觉到不透明度存在，因为该阴影会填充整个元素并且不会让不透明度显示出来。

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

Answer 3

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

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

影子＆amp; IE44中的不透明度（不匹配）

3 个答案: