老师怎么让banner区有半透明遮罩

来源:4-3 项目作业

散落满天的回忆

2019-10-07 07:59:11

老师怎么让banner区有半透明遮罩?怎么让表单在上面

写回答

1回答

好帮手慕小班

2019-10-07

同学你好,1、遮罩层是需要新写一个div覆盖在图片上面,建议同学新建一个div,将div通过定位放在图片div的上面。并设置其背景色透明度,这样就会出现一个半透明的遮罩层,例如:

http://img.mukewang.com/climg/5d9b012d090875f903960213.jpg

设置遮罩层的背景透明色

http://img.mukewang.com/climg/5d9b017c09d94f8d02780092.jpg

这里同学根据定位来调整遮罩层的位置。

    2、至于展示顺序,同学可以通过z-index属性值来设置。

    z-index属性是设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。注意:z-index 仅能在定位元素上奏效。也就是说,如果两个div是定位并且是重叠在一起的,z-index值大的显示在上边。

如果我的回答解决了你的疑惑,请采纳。祝:学习愉快~

0

0 学习 · 9666 问题

查看课程