使用z-index和position:absolute实现DIV覆盖和重叠,可实现半透明背景,上边漂浮一层不透明的div层。

Div的重叠和覆盖可以使用z-index和position:absolute决定定位来实现,具体实现代码如下:





test







说明:在底下的DIV样式添加半透明样式: filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;
可以实现半透明div作为背景,上边覆盖一层不透明的div呈现重要内容,效果不错。

详情代码如下:

.backgroudDiv{
text-align:center;
width:100%;
height:900px;;
background-color:#000;
margin:0 0 0 0;
padding-top:160px;
position:absolute;
z-index:1;
filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;
}


.maskDiv{
text-align:center;
width:600px; 
height:auto;
left:30%;
top:20%;
padding:0 0 0 0;
position:absolute;
z-index:2;



显示内容

你可能感兴趣的:(css,html)