首先你得有两个层:
<style type="text/css">
.div_1{
width:100px;
height:100px;
background-color:blue:
}
.div_2{ //如果想让您的子层跟随父层且透明,这样就可以了
position: absolute;
width: 1000px;
height: 130px;
z-index:999;
background: rgba(67, 114, 138, 0.5);
margin-left: 450px;
}
.div_2{ //如果想让您的子层不跟随父层且透明,这样就可以了
position:fixed;
width: 1000px;
height: 130px;
background: rgba(67, 114, 138, 0.5);
margin-left: 450px;
left:0px;
top:0px;
}
</style>
<body>
<div class="div_1">
这是父层
</div>
<div class="div_2">
这里是透明的
</div>
</body>
小结:
(
position这个属性一共有四个 选项:static、relative、absolute、fixed。
fixed:
位置被设置为 fixed 的元素,可定位于相对于浏览器窗口的指定坐标。此元素的位置可通过 "left"、"top"、"right" 以及"bottom" 属性来规定。不论窗口滚动与否,元素都会留在那个位置。
):