老师请检查一下
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS布局</title>
<style type="text/css">
*{
margin: 0;
padding:0;
}
img{
width: 380px;
height: 240px;
}
/*此处写代码*/
.img-top{
position:absolute;
top:0;
left:0;
width:380px;
height:240px;
background-color:#000;
opacity:0.5;
z-index:1;
}
</style>
</head>
<body>
<nav>
</nav>
<div>
<img src="http://img1.sycdn.imooc.com/climg//58f829ca00010be703840240.jpg">
<div class="img-top"></div>
</div>
<!-- 此处写代码 -->
</body>
</html>
是不是带遮罩的时候要相对于自己定位，算出移动多少，然后算出按照图片的宽高设置遮罩的宽高呢？
0
收起
正在回答 回答被采纳积分+1
1回答
相似问题
登录后可查看更多问答，登录/注册
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星