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

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

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

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代码即可实现图片显示的美化效果，避免图片不显示而出现的“裂图”效果。