Embed a png picture in the web page. The picture is obtained from Baidu. The background color of the web page is set by yourself. The advantage of choosing png is that png has a transparent channel and you can see the color of Beijing. It does not have a white border like a jpg image, and there is no image background like a jpg, only the web page background.
The key problem is: among the several pictures I put in, the white background of some png pictures is not covered by the background of the web page at all. What's going on?
<!doctype html><html><head><meta charset="utf-8"><title>雪人</title></head><body bgcolor="#660066"> <p><img src="image/雪人.png"</p></body></html>
The background of the png image itself It must be transparent
The background of the png image itself must be transparent
So how do I know if my png image is transparent or not? Also, if an originally transparent png picture is changed to jpg and then changed back to png, will it still be transparent? If it is opaque, how to restore it?
如果只是改扩展名是没问题的<style>*{background:red;}</style><img src="http://img.bbs.csdn.net/upload/201412/31/1420029026_687939.png"/><img src="http://img.bbs.csdn.net/upload/201412/31/1420029154_176382.png"/>看下这两种的区别
如果只是改扩展名是没问题的<style>*{background:red;}</style><img src="http://img.bbs.csdn.net/upload/201412/31/1420029026_687939.png"/><img src="http://img.bbs.csdn.net/upload/201412/31/1420029154_176382.png"/>看下这两种的区别
如果只是改扩展名是没问题的<style>*{background:red;}</style><img src="http://img.bbs.csdn.net/upload/201412/31/1420029026_687939.png"/><img src="http://img.bbs.csdn.net/upload/201412/31/1420029154_176382.png"/>看下这两种的区别It is better to use art software such as FIREWORD to make the background transparent or opaque as you want, and then use it on the web page. This way the size of the picture will be smaller and the display speed will be faster. A little
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
