请教老师指点迷津下~~
<!DOCTYPE html>
<html>
<head>
<title>CSS布局</title>
<meta charset="utf-8">
<style type="text/css">
*{padding: 0;margin: 0;}
.con img{width:1000px;height:600px;}
.toplayer{
position: absolute;
left: 0;top: 0;
width: 1000px;
height:600px;
background: black;
z-index: 2;
opacity: 0.5;
}
</style>
</head>
<body>
<div class="con">
<img src="http://img1.sycdn.imooc.com/climg//58f829ca00010be703840240.jpg">
<div class="toplayer"></div>
</div>
</body>
</html>有不妥当请指教下,谢谢!!
0
收起
正在回答
1回答
建议给父元素.con设置一个相对定位,遵循“子绝父相”的原则,否则当页面中还有其他元素的时候,布局会错乱

希望可以帮到你!
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星