CSS如何实现图片alt信息呈现 CSS图片alt信息呈现实现代码

CSS如何实现图片alt信息呈现？本篇文章小编给大家分享一下CSS图片alt信息呈现实现代码，文章代码介绍的很详细，小编觉得挺不错的，现在分享给大家供大家参考，有需要的小伙伴们可以来看看。

使用缺省 src 的元素实现滚屏加载效果，但是，就有可能存在这样一个体验问题：如果我们的 JavaScript 加载比较慢，我们的页面就很有可能出现一块一块白色的图片区域，纯白色的，没有任何信息，用户完全不知道这里的内容是什么。

虽然 alt 属性可以提供描述信息，但由于视觉效果不好，被隐藏掉了。我们可以在图片还没加载时就把 alt 信息呈现出来：

css;">


    
        
        
        
        
    

    
        

            
            
            
            
            
            
        
    
    

运行效果：