一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

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

时间:2021-01-26 编辑:袖梨 来源:一聚教程网

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

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

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

css;">


    
        
        
        CSS世界--代码实践--图片alt信息呈现
        
    

    
        
图1 美女沉思图 图3 沉思图

运行效果:

热门栏目