关于《简单理解CSS遮罩层》

马黑黑

帖子地址：https://www.huachaowang.com/foru ... &extra=page%3D1

那个遮罩层能够覆盖整个页面，连回复都无法操作，厉害的说

马黑黑

点进去之后只有回退哈 @来看你

马黑黑

<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>

马黑黑

层一

马黑黑

论坛上的绝对位置需要调整直至合适，达到层二基本完全覆盖层一即可。

板凳楼的演示，遮罩层用了 rgba 调整层二的透明参数，要么可设置为全透明 transparent

马黑黑

但这种只遮罩某个区域的做法其实起不到理想的保护作用，比如说想复制里面的内容，仍可通过跨区域选择的方式选择到被保护层的内容

红影

我说么，进入那个帖子咋啥都不会动了，原来全被你遮起来了

红影

前面说的让视频藏在图片后面，也可以用这个代码的吧。

加林森

厉害厉害，我说怎么不能回帖呢。

马黑黑

红影 发表于 2022-1-1 15:39
我说么，进入那个帖子咋啥都不会动了，原来全被你遮起来了

我用了 position 的 fixed 值，又设置了遮罩层100%的高宽，所以全部遮挡了

马黑黑

红影 发表于 2022-1-1 15:41
前面说的让视频藏在图片后面，也可以用这个代码的吧。

可以，也就是放个蒙层在视频之上。但这个蒙层会让视频无法操作，只能看了。

马黑黑

加林森 发表于 2022-1-1 17:30
厉害厉害，我说怎么不能回帖呢。

加林森

马黑黑 发表于 2022-1-1 18:06

谢茶。你喝

红影

马黑黑 发表于 2022-1-1 18:04
我用了 position 的 fixed 值，又设置了遮罩层100%的高宽，所以全部遮挡了

看得见，动不了

红影

马黑黑 发表于 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引入透明的用意还是很好的