网页透明背景设置

					  	 网页透明背景设置
				作者：冉启东，撰写时间：2019年1月16日

1， 网页透明背景设置
新建HTML源代码写入如图1所示：

然后新建CSS写入

图的透明度：
img{
opacity: 1;
}

img{
opacity: 1;
}图的透明度，注销前如图2和图3所示：

图2
图3

img{
opacity: 1;
}图的透明度，注销后如图4所示：
图4

图片和div合在一起：
div#div1{
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: -1;
}

div#div1{
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: -1;
}图片和div融合在一起，注销前如图5所示：

图5

div#div1{
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: -1;
}图片和div融合在一起，注销后如图6所示：
图6

图片的大小
div#div1>img{
height: 100%;
width: 100%;
border: 0;
}

div#div1>img{
height: 100%;
width: 100%;
border: 0;
}图片的大小，注销前如图7和图8所示：

图7

图8

div#div1>img{
height: 100%;
width: 100%;
border: 0;
}图片的大小，注销后如图9所示：

图9
注消后图片变得只有原来的大小，注消前能占满全屏幕。