87,902
社区成员
发帖
与我相关
我的任务
分享比较流行的图片底部一条透明层，上面有文字，用css如何实现的？
如百度中间这里 http://yule.baidu.com/
应该不会是js吧，那么多的图片的都有这效果，。能用css实现不？
应该不会是js吧，那么多的图片的都有这效果，。能用css实现不？
...全文
请发表友善的回复…
发表回复
yzwt2004 2014-11-18
- 打赏
- 举报
slwsss 2014-11-18
- 打赏
- 举报
<div style="width:500px;height:300px;position: relative;"><div style="width:500px;height:300px;overflow: hidden;"><img src="http://upload.ct.youth.cn/2014/1116/1416098866995.jpg"/></div>
<div style="background: #000;opacity: 0.6;color:#fff;width: 100%;height:60px;position: absolute;bottom: 0px;left: 0px;">ssssssssssssssssssssss</div>
</div>
