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
2 条评论
4.2k
发表评论
已有 2 条评论
热门文章
自媒体博客Spimes主题23w 阅读
Spimes主题专为博客、自媒体、资讯类的网站设计....
vCard主题个人简历主题12w 阅读
一款个人简历主题,可以简单搭建一下,具体也比较简单....
Spzac个人资讯下载类主题9.3w 阅读
用于作品展示、资源下载,行业垂直性网站、个人博客,....
Splity博客双栏主题8.6w 阅读
仿制主题,Typecho博客主题,昼夜双版设计,可....
热评文章
自媒体博客Spimes主题407 评论
Splity博客双栏主题186 评论
Spzac个人资讯下载类主题89 评论
Splinx博客图片主题35 评论
Spzhi知识付费社区主题34 评论
vCard主题个人简历主题29 评论
三栏清新博客S_blog主题29 评论
Pure轻简主题28 评论
最新评论
y2k
6天前
大佬,emlog没适配好,导航下拉菜单的nav-has-down没有CSS样式,我把sub-nav的样式拷贝一份重命名为hasdown的,就能用了,另外,代码块不能复制、系统插件也加载不出来(试过躲猫猫和复制代码的插件都不生效),希望尽快优化下~
:狂汗:
看看效果