Maison > interface Web > tutoriel HTML > le corps du texte

大神救命:为什么的png图片,有时候是透明的,有时候是不透明的?_html/css_WEB-ITnose

WBOY
Libérer: 2016-06-24 11:51:23
original
2186 Les gens l'ont consulté

  在网页中嵌入一个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>
Copier après la connexion

原图也附上:


回复讨论(解决方案)

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" >看下这两种的区别
Copier après la connexion
Copier après la connexion
Copier après la connexion

如果只是改扩展名是没问题的<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" >看下这两种的区别
Copier après la connexion
Copier après la connexion
Copier après la connexion

嗯嗯。


如果只是改扩展名是没问题的<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" >看下这两种的区别
Copier après la connexion
Copier après la connexion
Copier après la connexion

嗯嗯。

最好用美工软件如FIREWORD制作成你自己想要的背景透明或不透明 然后用在网页上比较傲好 这样图片的大小要小一点,显示速度也快一点

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal