首页 > 网页制作 > CSS

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

admin CSS 2022-02-05 15:26:00 css   图片alt信息"

使用缺省 src 的元素实现滚屏加载效果,但是,就有可能存在这样一个体验问题:如果我们的 JavaScript 加载比较慢,我们的页面就很有可能出现一块一块白色的图片区域,纯白色的,没有任何信息,用户完全不知道这里的内容是什么。
    虽然 alt 属性可以提供描述信息,但由于视觉效果不好,被隐藏掉了。我们可以在图片还没加载时就把 alt 信息呈现出来:




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

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

运行效果:

到此这篇关于CSS世界--代码实践之图片alt信息呈现的文章就介绍到这了,更多相关css 图片alt信息内容请搜索潘少俊衡以前的文章或继续浏览下面的相关文章,希望大家以后多多支持潘少俊衡!

版权声明

本文仅代表作者观点,不代表本站立场。
本文系作者授权发表,未经许可,不得转载。
本文地址:/web/CSS/73212.html

留言与评论(共有 0 条评论)
   
验证码:

潘少俊衡

| 桂ICP备2023010378号-4

Powered By EmpireCMS

爱享小站

中德益农

谷姐神农

环亚肥料

使用手机软件扫描微信二维码

关注我们可获取更多热点资讯

感谢潘少俊衡友情技术支持