《css世界》读书笔记二

1.异步加载图片时的一些前端小技巧

       web开发的时候，为了提高加载性能以及节约宽带费用，首屏以下的图片就会通过滚屏加载的方式异步加载。然后，这个即将被异步加载的图片为了布局稳健、体验良好，往往会使用一张透明的图片占位。实际上，这个透明的占位图片也是多余的资源，我们直接：

<img>

    然后配合下面的css可以实现一样的效果：

img{width:200px;height:150px;visibility:hidden;display:inline-block;} /*display:inline-block是为了兼容firefox浏览器和其他浏览器的图片尺寸保持一致*/

img[src]{visibolity:visible;}