底层div半透明，顶层div包含图片并不透明

最新推荐文章于 2021-06-04 01:27:05 发布

cg_program

最新推荐文章于 2021-06-04 01:27:05 发布

阅读量8.1w

点赞数

分类专栏： HTML + CSS

本文链接：https://blog.csdn.net/foart/article/details/39177653

版权

HTML + CSS 专栏收录该内容

24 篇文章 1 订阅

订阅专栏

<div class="mask_2_root">
	<div class="mask_2_1"></div>	
	<div class="mask_2_2">
		<div class="mask_2_2_a"><div class="mask_2_2_b"><img src="img/index/text1.png"/></div></div>
	</div>
</div>
32
<div style="position: relative;">dfdfdfdd</div>

<style>
.mask_2_root{float: right;position:absolute;right:0px; top:111px;z-index: 3}

.mask_2_1{ display:block;height:50px;width:643px; position:relative;opacity:.3;background-color:black;}
.mask_2_2{ display:block; position:relative; top:-50px}
.mask_2_2_a{ position:absolute;margin-right:0px;}
.mask_2_2_b{position:absolute;}

</style>