【问题标题】:is it a good idea to give background color or img to non transparent images?为非透明图像赋予背景颜色或图像是个好主意吗?
【发布时间】:2010-05-01 02:06:19
【问题描述】:

喜欢

img{ background-color:color: color matched to the theme}

img{ background-image:url (a very very tiny gif image with the text "image loading") }

当用户以慢速连接访问网站时,我正在考虑这样做的好处,然后背景颜色将提供线索,表明存在与文本内容不同的内容..

【问题讨论】:

    标签: css xhtml usability


    【解决方案1】:

    这当然是一个好方法。但是,我会尝试将尽可能多的 same 背景颜色分配给背景,作为实际背景图像的最强颜色。这样,只要客户端禁用了所有图像(如某些带宽受限的用户或某些手持设备默认执行的操作)或当其浏览器不支持图像时,该网站仍然具有代表性。 Web Developer Toolbar 对此很有帮助,在 Images 菜单中,您可以选择隐藏图像,这样您就可以看到没有(背景)图像时的样子。但是,我不会放入加载 gif。但是,您可以考虑以交错方式保存图像(支持 GIF 和 PNG)。

    【讨论】:

    • +1 感谢 BalusC 的意见。背景颜色 + gif 图像我们可以同时使用。什么是“隔行扫描”
    • 交错:图像分层渲染,而不是从上到下。
    【解决方案2】:

    当然,如果你愿意。在大多数浏览器中,已经指示了加载图像的空间,但是如果您愿意,也没有什么可以阻止您使用背景颜色。我通常会在 body 标签或其他具有背景图像的块级标签上看到这一点,但我想你也可以在图像本身上做到这一点。

    老实说,我认为这实际上不会使网站比缺少此“功能”的网站更有用。

    【讨论】:

    • 我认为这里的“可访问”比“可用”更合适。
    【解决方案3】:

    带有“正在加载”背景图片的图片较多的网站可能看起来很糟糕,但如果您的网站没有充满图片,请继续。

    一个小的加载图像是一种很好的触感,例如来自http://www.ajaxload.info/的那些

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2017-08-11
      • 1970-01-01
      • 1970-01-01
      • 2022-01-17
      • 2018-02-23
      相关资源
      最近更新 更多