问一下关于遮罩层

问一下关于遮罩层

关于遮罩层 ,举个例子,现在有一张图片,一个透明遮罩层,一个表单。现在效果要求这三个层叠到一起。那么问题来了,具体的层叠顺序是怎样的才对呢?是先让遮罩层盖住图片再在遮罩层上覆盖一层表单,还是直接在透明遮罩层内直接(嵌入)写入表单代码,再盖上去。具体谁是第一层谁是第二层谁是第三层呢?

正在回答

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

1回答

对于这个作业中图片,遮罩层和表单要分开写,如果把表单放进遮罩层中,给遮罩层设置透明度,那么表单也就会有透明的效果。

布局上可以设置一个banner盒子,里面的顺序是图片,遮罩层,表单。图片使用img标签引入即可,遮罩层设置相对于banner盒子定位,表单也设置相对于banner定位,可以给表单添加一个z-index显示层级。

自己实现下,祝学习愉快!

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

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

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

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

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