DIV 背景色透明

CSS布局技巧

最新推荐文章于 2023-07-20 21:02:24 发布

苍羽

最新推荐文章于 2023-07-20 21:02:24 发布

阅读量411

点赞数

分类专栏： JavaScript

JavaScript 专栏收录该内容

18 篇文章

订阅专栏

<style>
*{ margin:0; padding::0;}
#div1{width:300px; height:200px; position:relative； }
. pos{ background:black; filter:alpha(opacity:30);opacity:0.3; height:100%;position:absolute;width:100%;top:0; z-index:1 }
.box { width:300px; height:20px; background:blue; position:absolute; bottom; top:0;z-index:0; }
</style>
</head>

<body>
<div id="div1">
<div class="pos"></div>
<div class="box">这里是内容部分</div>
</div>
</body>