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

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

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

正在回答

登陆购买课程后可参与讨论,去登陆

1回答

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

http://img1.sycdn.imooc.com//climg/5d9b012d090875f903960213.jpg

设置遮罩层的背景透明色

http://img1.sycdn.imooc.com//climg/5d9b017c09d94f8d02780092.jpg

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

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

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

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

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师