特别声明:除非注明,否则均为 夏末浅笑博客 原创文章,禁止任何形式转载

html代码

<div class="img-box"> <img src="img/aaa.jpg" class="img"/> <p class="load" style="display: none;"></p> </div>

CSS代码

* {font-family: Arial "微软雅黑";margin:0;padding:0;}.img-box{position: relative;width:200px;margin-bottom: 20px;}.img-box p{position: absolute;left: 0;top: 0;right: 0;line-height: 133PX;height: 133PX;text-align: center;color: #fff;background-color: rgba(0,0,0,.5);}.img{width:100%;display: block;}

 

未经允许不得转载:作者:知道君, 转载或复制请以 超链接形式 并注明出处 夏末浅笑
原文地址:《前端实战|利用CSS实现图片遮罩与高亮的效果》 发布于2020-02-12

分享到:
赞(0)
评论下载是需要人工审核后才能下载的!!!建议QQ授权登录后再评论。

评论 抢沙发

6 + 7 =


下载说明
评论下载是需要人工审核后才能下载的!!!建议QQ授权登录后再评论。
切换注册

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录

Q Q 登 录
微 博 登 录
切换登录

注册