UC知道css无背景（透明背景）的图的问题
来源：百度知道 编辑：UC知道 时间：2024/09/28 10:56:28
我有个文字图片，它除了文字部分，其他都是透明的。当我在页面中使用的时候，却不能显示后面的颜色。
比如<div class="back"> <div class="char"></div></div>
css如下: .back{background:red;}
.char{background:url("char.png");}
这个在ie中显示不正确，在chrome浏览器就可以显示图片透明部分为红色，请问怎么解决在ie中的问题啊？
我试着给char设置同样的背景色红色，或者将其z-index设置为1，都没办法解决。。。。
比如<div class="back"> <div class="char"></div></div>
css如下: .back{background:red;}
.char{background:url("char.png");}
这个在ie中显示不正确，在chrome浏览器就可以显示图片透明部分为红色，请问怎么解决在ie中的问题啊？
我试着给char设置同样的背景色红色，或者将其z-index设置为1，都没办法解决。。。。
我也遇到过楼主的问题 是IE6 本身不支持PNG背景透明的问题
楼上的是一种用JS 解决的思路 可以实现
我给你一个非JS方法 是使用了IE滤镜的~
我也是在网上看到的
http://hi.baidu.com/coolm/blog/item/c527841f9e781af6e1fe0b7a.html
是IE6 本身不支持PNG背景透明的问题
用JS 可以实现
用IE滤镜 也可以实现
下面是 用的滤镜
.aa {
width:106px; height:24px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale, src="../img/nav_bg.png");
}
一定要设大小
对与文字图片，你直接使用GIF 就可以了。
PNG的支持不大好。
好像IE6和FF是不支持它的。
挺大家一句 ，为了避免麻烦，换GIF 吧。 可能有点杂边儿，但是也不会很影响效果的。
最近碰到的问题，PNG格式的图片对浏览器的兼容性不是很好，但是这种透明的还可以做虚边效果的图片格式在设计中开始用的越来越多了，特别是该S的IE6，bug多，什么都支持差，但是没有办法用户多，你首先还是要考虑对它的支持。象FF就好多了，对PNG格式的图片支持很好，据说IE7也改进了开始支持PNG，问了一下baidu找到了一个简单的办法来解决IE6和FF的PNG兼容性，一段js代码就可以啦。代码如下，建议把这段代码存为一个独立的js文件，方便页面调用。
function correctPNG()
{
for(var i=0; i<document.