阴影&不透明度在css3对于IE8（不匹配） [英] Shadow & Opacity In css3 For IE8 (Not Match)

问题描述

我有一些图像（在我的bachground图像前）低不透明度（png格式）
和每一件事情在ie8& firefox直到我添加pie.htc（或border-radious.htc从谷歌代码）为圆角& Shadow box in ie8 ...

 <$ c 
 $ c> behavior：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是确定）阴影填充我们的整个元素，因此不透明度wanished。

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

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

我的问题在其他方式：

我们如何结合下面的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 
  
 
 
 
提前感谢
解决方案
 p>似乎不可能使用阴影与不透明在IE 8 ... 
当你添加阴影后不透明度到一个元素（在firefox一切都是确定）在IE8中，你不能感觉到不透明度存在，因为该阴影填充整个元素，不让透明度显示本身。
 
 
 
然而我通过简单的html项目检查了这个问题，并搜索解决这个问题没有结果/如果您找到关于这个plz的解决方案与我们分享。
 
i have some images (in front of my bachground-image) with low opacity(png format)
and every thing was good in ie8 & firefox until i add pie.htc(or border-radious.htc from google code) for rounded corners & Shadow Box in ie8...

after adding pie.htc by : 
behaviour : url(pie.htc);
and adding below codes :
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;
the opacity of my images has gone...

i test it with a simple html project and figured out when we use shadow box in ie 8(just ie8 & ff is ok) the shadow fills our entire element , so the opacity is wanished.

how can i fix this shadow + opacity  problem?

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

MY QUESTION IN ONOTHER WAY :

HOW CAN WE COMBINE THE BELOW CODES FOR IE8 (with keeping opacity):
-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
thanks in advance
解决方案
it seems it's not possible to use shadow with opacity In IE 8...
When You add shadow after opacity to an element (in firefox every thing is ok) in IE8 you can not feel Opacity exists , because of that shadow fills the entire element and do n't let the opacity show itself.

however i checked this issue by the simple html project and searched for solving this issue with no results / if you find a solution about this plz share it with us.

                        
这篇关于阴影&不透明度在css3对于IE8（不匹配）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！