css布局中，怎样给图片类似下面的遮罩效果？
css怎样写能实现类似第一个图片的，遮罩效果呢？这是代码：<body><divid="big-photo"><imgsrc="./images/jianshen1.jpg...
css怎样写 能实现类似第一个图片的，遮罩效果呢？
这是代码：
<body>
<div id="big-photo">
<img src="./images/jianshen1.jpg"/>
</div>
<ul>
<li><img src="./images/jianshen1.jpg"/></li>
<li><img src="./images/jianshen2.jpg"/></li>
<li><img src="./images/jianshen3.jpg"/></li>
</ul>
</body> 展开
这是代码：
<body>
<div id="big-photo">
<img src="./images/jianshen1.jpg"/>
</div>
<ul>
<li><img src="./images/jianshen1.jpg"/></li>
<li><img src="./images/jianshen2.jpg"/></li>
<li><img src="./images/jianshen3.jpg"/></li>
</ul>
</body> 展开
3个回答
展开全部
具体代码参考下面：
<ul>
<li style="position:relative; width:100px; height:100px;">
<img src="./images/jianshen1.jpg" width="100" height="100" />
<em style="position:absolute:left0;top:0; display:block;width:100px;height:100px; background:rgba(0,0,0,0.5);"></em>
</li>
<li><img src="./images/jianshen2.jpg"/></li>
</ul>
这只是简单的代码。具体的需要根据自己的需求填充。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
遮罩层：使用父div设置透明效果rgba(0,0,0,0.5);
添加一个div，将div使用相对定位在图片的上层，使用css的rgba设置div的透明度
添加一个div，将div使用相对定位在图片的上层，使用css的rgba设置div的透明度
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
加一个绝对定位的div层，里面放个半透明的图片背景
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
