关于《简单理解CSS遮罩层》
帖子地址：https://www.huachaowang.com/forum.php?mod=viewthread&tid=55578&extra=page%3D1那个遮罩层能够覆盖整个页面，连回复都无法操作，厉害的说 {:4_170:}
点进去之后只有回退哈 @来看你 本帖最后由 马黑黑 于 2022-1-1 13:42 编辑
<style type="text/css">
.Div1 {
width:100%;
height:300px;
background:white;
}
.Div2 {
width:100%;
height:300px;
position:relative;
top:-300px;
background:rgba(0,0,0,0.1);
}
</style>
<div class="Div1">层一<p></p>
<div class="Div2"></div>
本帖最后由 马黑黑 于 2022-1-1 13:46 编辑 <br /><br /><style type="text/css">
.Div1 {
width:100%;
height:300px;
padding:10px;
background:white;
}
.Div2 {
width:100%;
height:300px;
position:relative;
top:-30px;
left:-10px;
padding:10px;
background:rgba(0,0,0,0.1);
}
</style>
<div class="Div1">层一<p></p>
<div class="Div2"></div>
论坛上的绝对位置需要调整直至合适，达到层二基本完全覆盖层一即可。
板凳楼的演示，遮罩层用了 rgba 调整层二的透明参数，要么可设置为全透明 transparent 但这种只遮罩某个区域的做法其实起不到理想的保护作用，比如说想复制里面的内容，仍可通过跨区域选择的方式选择到被保护层的内容 我说么，进入那个帖子咋啥都不会动了，原来全被你遮起来了{:4_173:} 前面说的让视频藏在图片后面，也可以用这个代码的吧。 厉害厉害，我说怎么不能回帖呢。{:4_199:} 红影 发表于 2022-1-1 15:39
我说么，进入那个帖子咋啥都不会动了，原来全被你遮起来了
我用了 position 的 fixed 值，又设置了遮罩层100%的高宽，所以全部遮挡了 红影 发表于 2022-1-1 15:41
前面说的让视频藏在图片后面，也可以用这个代码的吧。
可以，也就是放个蒙层在视频之上。但这个蒙层会让视频无法操作，只能看了。 加林森 发表于 2022-1-1 17:30
厉害厉害，我说怎么不能回帖呢。
{:4_190:} 马黑黑 发表于 2022-1-1 18:06
谢茶。你喝{:4_191:} 马黑黑 发表于 2022-1-1 18:04
我用了 position 的 fixed 值，又设置了遮罩层100%的高宽，所以全部遮挡了
看得见，动不了{:4_189:} 马黑黑 发表于 2022-1-1 18:06
可以，也就是放个蒙层在视频之上。但这个蒙层会让视频无法操作，只能看了。
原本现在的做法，视频一样没法操作。 红影 发表于 2022-1-1 19:41
原本现在的做法，视频一样没法操作。
从 html 设计伦理出发，可交互性不可以屏蔽 红影 发表于 2022-1-1 19:41
看得见，动不了
就这效果 马黑黑 发表于 2022-1-1 20:39
从 html 设计伦理出发，可交互性不可以屏蔽
哦哦，这个不是很懂。 马黑黑 发表于 2022-1-1 20:39
就这效果
透明的东西有意思，看不见却是存在的。 红影 发表于 2022-1-1 21:11
透明的东西有意思，看不见却是存在的。
对。w3c引入透明的用意还是很好的
页:
[1]
2