html image图片加载失败太丑了，可以css样式这样美化

原本…… 因为本站用的是qq邮箱显示头像，但是有些人的是字母+数字组合，就会导致头像会出错，有时图片不显示会导致页面太丑了，那可以这样试试……

HTML：

<image class="avator" src="图片链接"/>

CSS:

.avator{
    position:relative;
    width:100px;
    height:130px;
}
 
//只有image没有加载出来的时候 以下?才有效果
.avator:after{
    position:absolute;
    width:100px;
    height:130px;
    content:"";
    display:block;
    top:0;
    left:0;
    background:url('代替的图片链接');
    background-size:100%;
}

记录以便下次使用

文章由官网发布，如若转载，请注明出处：https://www.veimoz.com/318

css样式图片加载

2 条评论

4.9k

发表评论

已有 2 条评论

空城 Win 10 / Chrome

2021-01-23 13:09

：狂汗：

回复
游客007 MacOS / Safari

2020-11-29 18:29

看看效果

回复

随机推荐

小灯泡设计

形式在改初心不变

热门主题关于我们

热评文章

自媒体博客Spimes主题418 评论

Splity博客双栏主题188 评论

Spzac个人资讯下载类主题89 评论

Splinx博客图片主题35 评论

Spzhi知识付费社区主题34 评论

三栏清新博客S_blog主题30 评论

vCard主题个人简历主题29 评论

Pure轻简主题28 评论

最新评论

博主你好，Deng插件，这个点击不进去，提示这个（Warning: require_once(/www/wwwroot/w.zzy2020.com/usr/plugins/Deng/Deng/html/profile.php): failed to open stream: No such file or directory in /www/wwwroot/w.zzy2020.com/Fresh/extending.php on line 26

Fatal error: require_once(): Failed opening required '/www/wwwroot/w.zzy2020.com/usr/plugins/Deng/Deng/html/profile.php' (include_path='.:/www/server/php/72/lib/php') in /www/wwwroot/w.zzy2020.com/Fresh/extending.php on line 26）

zizizi666

11月25日

这个字体叫方正雅士黑~搜一下然后下载就行了。

mengyu

11月25日

：滑稽：

相关推荐

随机推荐

点都德

YangY

Z.

zizizi666

mengyu