Question

DIV+CSS如何在每张图片右下角加个遮盖层？

网页中有多个图片，每张图片位置和大小不一样，如何用一段代码在每张图片右下角加个遮盖层，我想用这个方法来遮盖图片上的水印。
yiqianke，都说明图片大小不一样了，还有我要遮盖的是有水印的右下方，而不是整个下方。

Answer 1

可以用overflow:hidden来处理。把多余的部分去掉。比如图片大小是100*100
而你只需要100*90 把下面的100*10的水印档住。就在DIV里面的宽度 高度分别设置100 90 再加上overflow:hidden 多余的部分就去掉了

Answer 2

呵呵，首先要坚信css无所不能啊。你的问题我在自己电脑上测试了。ie6，ie7，ff下都正常，其他没试过。

----css代码
.img {float:left;position:relative}
img{ display:block}
.mask {position:absolute;bottom:0;height:10px;width:50px;background-color:#006666;right:0;overflow:hidden}

---html代码
<div class="img"><img src="images/profile.jpg" width="180" height="121" />
<div class="mask"></div>
</div>
<div class="img"><img src="images/pro2.jpg" width="104" height="145" />
<div class="mask"></div>
</div>

把上面的图片路径改成自己的就可以了。还有什么不明白的直接加我百度hi好了