巩义网站建设,巩义网站制作,巩义做网站-全栈网络

网站制作中图片找不到,出现裂图情况,该如何处理美化?
当前位置:首页 > 建站知识 > 网站代码 >

网站制作中图片找不到,出现裂图情况,该如何处理美化?

时间: 2020-04-26 分类: 网站代码 浏览次数:

在网站制作中,网站图片资源地址找不懂啊,或者地址发生变化,都会导致图片资源无法加载,出现图片裂图的效果,而这个效果如何进行美化呢? 我们要用到伪类的方法,为图片添加...



在网站制作中,网站图片资源地址找不懂啊,或者地址发生变化,都会导致图片资源无法加载,出现图片裂图的效果,而这个效果如何进行美化呢?


网站制作

我们要用到伪类的方法,为图片添加样式,具体实现代码如下:

1.假如图片为下面的图片代码格式

<image class="avator" src="http://ksbdkad.png"/>

2.加入图片没有被加载出来,则会显示图片的伪类背景图效果

.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('/img/default.png');

    background-size:100%;

};


通过这些css代码即可实现图片显示的美化效果,避免图片不显示而出现的“裂图”效果。



本文关键词: 网站制作 网站图片 未经允许不得转载:郑州网站建设|郑州网站制作|荥阳网站建设|巩义网站建设|网站优化-全栈网络



说点什么吧
  • 全部评论(0
    还没有评论,快来抢沙发吧!
Copyright © 2017-2020 版权所有:全栈网络工作室 备案号:豫ICP备17039206号-1 HTML网站地图
郑州网站制作|郑州做网站|巩义网站制作|荥阳做网站|巩义做网站-全栈网络