如何使用css透明png <img>透明？

-3

如何使内联png在div内透明？使用css如何使用css透明png <img>透明？

<div id="report'> 
<p> some text </p> 

<img src=transparent.png" /> 

</p> 

</div>

这是图像例如。除了球以外，我想让透明的其他白色区域。这是面色灰白在IE6

alt text

我想在CSS做这样div#report img {.....}这可能吗？

编辑：

我不想使整个图像透明

更新：

在这里，我加入例如http://jsbin.com/ubabo3

来源

2010-05-21 Jitendra Vyas

可能重复[IE6 PNG透明度]（http://stackoverflow.com/questions/697682/ie6-png-transparency） – Quentin 2010-05-21 12:23:30

可能的重复[是否有任何PNG修复IE 6而不修改当前的HTML，CSS和图像名称？]（http://stackoverflow.com/questions/2817849/is-there-any-png-fix-for-ie-6-and-without-modifying-current- html-css-and-image-n） – DisgruntledGoat 2010-05-21 16:42:05

这是至少2个问题的重复“金属齿轮固体”之前问过... – DisgruntledGoat 2010-05-21 16:42:43

的opacity属性适用于所有元素（支持浏览器）。

来源

2010-05-21 12:12:49 Quentin

我不知道我的理解，但你可以使图像完全透明（即不可见）：

div#report img { visibility: hidden } // Still takes up space 
div#report img { display: none } // Hidden entirely -

这是不可能的，但是，这仅适用于PNG图像，至少不在CSS 2.1中。通过使用一个选择器来检查中的src属性，肯定可以使用一些额外的jQuery魔术。

来源

2010-05-21 12:12:58

试试这个：

div#report img{ 
    background-color/**/: #000000; 
    background-image/**/: none; 
    opacity: 0.7; 
    filter: alpha(opacity=70); 
}

来源

2010-05-21 12:15:55

IE 6并不每默认支持透明的PNG文件。你需要使用一个小的黑客来实现透明的PNG文件。

http://support.microsoft.com/?scid=kb%3Ben-us%3B294714&x=12&y=11

来源

2010-05-21 12:19:50

不能使用CSS PNG透明度增加支持IE6。有黑客（其中一些涉及，IIRC，调用ActiveX样式到一个样式表）和Google will find lots for you。（现在，我注意到IE6离寿命结束只有几个星期，在我的目标受众中有一个小的市场份额，并拒绝做额外的工作来说服它看起来不错）

来源

2010-05-21 12:21:31 Quentin

我要求内嵌图像？我在谷歌上尝试了很多，但还没有找到任何好的解决方案。我想这样做'div＃report img {.....}' – 2010-05-21 12:26:40

我不得不处理之前，IE6 PNG的问题，这个工作..

你要做的就是添加一个“行为”属性，您

div#report img { behavior: url(iepngfix.htc) }

，你可以下载文件 - iepngfix.htc here并检查online demonstration。它解释了一切步骤

来源

2010-05-21 15:43:48 drusnov

如何使用css透明png <img>透明？

回答

相关问题