Skip to main content

背景图片和图片的区别

Docs

  • 利用 background-image 和 img 都能够实现显示图片的需求，在开发中该如何选择？

    background-imageimg
    性质CSS 样式HTML 元素
    图片是否占用空间❌✔️
    浏览器右键直接查看地址❌✔️
    支持 CSS Sprite✔️❌
    更有可能被搜索引擎收录❌✔️（结合 alt 属性）

  • 总结

    • img，作为网页内容的重要组成部分，比如广告图片、LOGO 图片、文章配图、产品图片
    • background-image，可有可无。有，能让网页更加美观。无，也不影响用户获取完整的网页内容信息