
1、用css的z-index的属性就可以实现。首先新建一个html文件,在文件中写入一个div容器和一个图片:
2、然后在上方设置它们的样式,这里给div设置成绝对定位,图片设置成相对定位,然后设置一下它们的z-index属性,该属性用来显示元素的上下层的叠加顺序,数值越大表示的层级越高,但是只有在有定位的情况下该属性才会生效。最后设置一下div的背景颜色方便观察效果:
3、最后打开浏览器查看效果,div是在图片上面的。以上html中就是把背景图片置于最低层的方法:
图片遮盖网页上的其他内容需要使用到z-index标签,来确定两个层在z轴上的前后,以此来遮盖住下面层的内容,实现图片遮盖网页上其他内容的目的。z-index指的是在z轴的前后关系,随着数值的增加,层在z轴的距离就越靠前,可以起到在Z轴方向上的前后层级关系。
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)