html 中按钮背景图片是PNG,为什么所有的浏览器都不透明啊

我的图片很小的 不能用gif 有gif 图片像素不够 有锯齿

PNG图片不透明原因:

在IE6中不支持PNG图片透明,需要用滤镜解决兼容问题。按钮中有默认背景颜色,需要去掉才能显示透明图片。可以用background:url(图片路径)属性。
温馨提示:内容为网友见解,仅供参考
第1个回答  2011-03-02
PNG背景透明了吗?我想有些浏览器会给PNG加一个蓝色的底色。。还是GIF更好一点。
第2个回答  2011-03-01
目前 IE6(包含IE6)以下的IE浏览器不支持PNG透明图片,FireFox,Chrome 支持的都不错。建议:在不影响图片的浏览的前提下,可以用GIF 图片追问

html>body .ka {
background-repeat: repeat;
background-image:url(../imgase/ka.png);
}
* .ka { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="imgase/ka.png");)

}
这段代码能解决PNG背景图片的所有兼容,但在按钮里不好用

追答

以有透明度的PNG图做按钮的背景,首先得确保这个图至少是PNG-24,PNG-8不会有透明度。我测试了下,PNG-8,透明度为50%的图做按钮背景不会显示透明度。而PNG-24,透明度为50%的图做背景则可以。

本回答被网友采纳
第3个回答  2011-03-01
PNG在IE8 里支持。 ie6 不支持 建议弄成 gif格式的
第4个回答  推荐于2018-03-28
png图片格式分为两种,是png8和png24
png是一种图片格式,是Portable Networks Graphics的缩写,做ping
png8和png24的区别如下:
“PNG8”是指8位索引色位图,“PNG24”是24位索引色位图;
1.png8和png24的根本区别,不是颜色位的区别,而是存储方式不同。
2.png8有1位的布尔透明通道(要么完全透明,要么完全不透明),png24则有8位(256阶)的布尔透明通道(所谓半透明)。
png-8 和 gif 有一些相似之处,模式都是索引颜色,只支持像素级的纯透明,不支持 alpha 透明。
我们通常说的“IE6 不支持 PNG 透明”,是指不支持 PNG-24 的透明。但是 IE6 支持 PNG-8 的透明,就像支持 gif 的透明一样。
png8:
每一张“png8”图像,都最多只能展示256种颜色,所以“png8”格式更适合那些颜色比较单一的图像,例如纯色、logo、图标等;因为颜色数量少,所以图片的体积也会更小;
png24:
每一张“png24”图像,可展示的颜色就远远多于“png8”了,最多可展示的颜色数量多大1600万;所以“png24”所展示的图片颜色会更丰富,图片的清晰度也会更好,图片质量更高,当然图片的大小也会相应增加,所以“png24”的图片比较适合像摄影作品之类颜色比较丰富的图片。本回答被网友采纳

html 中按钮背景图片是PNG,为什么所有的浏览器都不透明啊
PNG图片不透明原因:在IE6中不支持PNG图片透明,需要用滤镜解决兼容问题。按钮中有默认背景颜色,需要去掉才能显示透明图片。可以用background:url(图片路径)属性。

html 中按钮的背景是PNG怎么会不透明呢?
window.attachEvent("onload", correctPNG);

在Dreamwreaver中插入背景透明的图片,在浏览器预览时不透明。怎么解决...
有时候,png格式的透明图效果不出来。建议把透明图存为gif格式(这个肯定没问题)。要注意包含gif图的容器div是否设置了背景,有时候,gif图透明了,但是包含该图的div设置的有背景色或背景图,导致看上去没有透明。与楼主交流后,发现,gif图没有做好。是图的问题。

我制作的网页,LOGO放的PNG透明图,为什么有些人看是不透明的?
看显示方式不同,有些浏览器以及显示器是会显示灰度底色的,但gig是可以在各大浏览器适应的,做网站一般小用png格式,文件大了浏览速度也就慢了下来

为什么png格式的图片在不同浏览器显示的效果不一样
PNG是图片的一种常用图片比较好的储存格式,它支持色彩比一般的图片格式高,所以不同游览器内核解析出来会有所不同。你说的有一层灰色是因为那是游览器对透明图片还有透明网站框架作出的一种应对,因为一般情况下游览器主体是不会透明的,所以你图片透明会看到游览器本身的灰色。如果做了游览器透明化或者玻璃...

用dreamweaver作图时.png图片的背景是透明的,用F12预览时背景却不是...
不同版本的浏览器对图片格式的支持是不同的,主要存在于IE6中,解决方法:给CSS控制文件加入如下CSS属性进行控制就可以解决PNG在IE6下面不透明的问题:html div { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="tran.png");background:none;} 注意...

我做了一个logo,背景是设置透明的,但出来后放到网站上就不是透明的...
实现PNG图片在IE6下的透明效果 解决这个问题大致有以下方法(其原理都是通过AlphaImageLoader滤镜来解决)。方法一:<div style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\/images\/header.png);width:200px;height:50px"><\/div> 点评:这种方法虽然较好的解决了IE 5+的浏览器,但却...

关于HTML中图片的透明度设置
你好,半透明的图片在ie6下不会显示透明的。其他浏览器没有问题,是支持的。

自己编写代码做网页时在dreamweaver中png格式的图片显示正常,但在浏览...
是哪种PNG呢? 只有PNG 32的才支持背景透明!你是不是用IE6浏览的呢?IE不支持背景透明的PNG图片.最简单的办法:http:\/\/code.google.com\/p\/ie7-js\/ 下载JS文件,然后引入,这样IE6就支持透明的IE6了

为什么把图片保存成PNG格式 背景依旧不能透明?
存为png不行就存为gif 这个没办法的 透明的格式就那么几种 PNG gif tif .. ,本来PNG效果是最好的 但是这个格式很多网页不支持 而且据说需要浏览器配合才可以看到效果(IE7就可以),gif是损失像素降低文件体积的格式 也是最常用的格式,就是颜色最大只支持256色 你可以试试不要优化 直接256色...

相似回答