Heim >Web-Frontend >HTML-Tutorial >大神救命:为什么的png图片,有时候是透明的,有时候是不透明的?_html/css_WEB-ITnose
在网页中嵌入一个png的图片,图片是百度到的。网页的背景色是自己设定的,选用png的优点就是png有透明通道,能够看到北京颜色,不会想jpg图片那样会有白色边框,不会有jpg那样的图片背景,只有网页背景。
关键问题是:我放入的好几张图片中,有的png图片的背景的白色背景完全没有被网页的背景覆盖掉。这是怎么一回事丫?
<!doctype html><html><head><meta charset="utf-8"><title>雪人</title></head><body bgcolor="#660066"> <p><img src="image/雪人.png"</p alt="大神救命:为什么的png图片,有时候是透明的,有时候是不透明的?_html/css_WEB-ITnose" ></body></html>
png图的背景本身要透明的才可以
png图的背景本身要透明的才可以
那怎么知道我的png图片透不透明?还有,一张原本透明的png图片如果改为jpg之后,再改回来png,还是透明的么?如果不透明了,怎么还原?
如果只是改扩展名是没问题的<style>*{background:red;}</style><img src="http://img.bbs.csdn.net/upload/201412/31/1420029026_687939.png"/ alt="大神救命:为什么的png图片,有时候是透明的,有时候是不透明的?_html/css_WEB-ITnose" ><img src="http://img.bbs.csdn.net/upload/201412/31/1420029154_176382.png"/ alt="大神救命:为什么的png图片,有时候是透明的,有时候是不透明的?_html/css_WEB-ITnose" >看下这两种的区别
如果只是改扩展名是没问题的<style>*{background:red;}</style><img src="http://img.bbs.csdn.net/upload/201412/31/1420029026_687939.png"/ alt="大神救命:为什么的png图片,有时候是透明的,有时候是不透明的?_html/css_WEB-ITnose" ><img src="http://img.bbs.csdn.net/upload/201412/31/1420029154_176382.png"/ alt="大神救命:为什么的png图片,有时候是透明的,有时候是不透明的?_html/css_WEB-ITnose" >看下这两种的区别
如果只是改扩展名是没问题的<style>*{background:red;}</style><img src="http://img.bbs.csdn.net/upload/201412/31/1420029026_687939.png"/ alt="大神救命:为什么的png图片,有时候是透明的,有时候是不透明的?_html/css_WEB-ITnose" ><img src="http://img.bbs.csdn.net/upload/201412/31/1420029154_176382.png"/ alt="大神救命:为什么的png图片,有时候是透明的,有时候是不透明的?_html/css_WEB-ITnose" >看下这两种的区别
最好用美工软件如FIREWORD制作成你自己想要的背景透明或不透明 然后用在网页上比较傲好 这样图片的大小要小一点,显示速度也快一点