什么时候用css背景图，什么时候用img标签？

什么时候用css背景图，什么时候用img标签？他们有什么区别吗？听说多用img的alt属性有利于seo优化，是真的吗？

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

2条回答默认最新

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
landl_ww 2017-08-20 03:03
关注
页面中尽量少的使用img标签，因为一个img就代表一个网络请求，从优化上去讲，就是减少HTTP请求次数。基本上所有的小logo，小图片甚至banner图都可以用背景图片来解决，但是只有一个情况，要用img，就是的你图片想要被搜索引擎和爬虫收录的时候，就要用img，其余时候都可以用背景图

本回答被题主选为最佳回答 , 对您是否有帮助呢?

解决无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

查看更多回答(1条)

报告相同问题？

关注问题

什么时候使用 IMG vs. CSS 背景图片？ css html5
2009-01-29 18:25

回答 30 已采纳 Proper uses of IMG Use IMG if you intend to have people print your page and you want the image
前端CSS背景图片添加不上 css css3
2020-04-07 18:55

回答 4 已采纳 C:\Users\戴尔\Picture\zhong.jpg => C:/Users/戴尔/Picture/zhong.jpg
HTML<style>中的背景图片为什么显示不出来？ css html html5 有问必答
2021-08-12 19:55

回答 2 已采纳网页路径要用/ 而不是\ ,请用网址的方式访问，而不是用电脑路径的方式访问 body{ background-image: url("../img/背景1.jpg"); }
网页布局什么时候用图片背景，什么时候用img标签
2019-11-30 10:53

Hong Jet的博客前端页面布局中，有时候用的图片作为img标签插入，有时候是css背景图background-image，两者之间有什么区别呢？差异 1--img是html标签，占位，background-image是CSS样式，不占位 2--在网页加载过程中，img作为网页...
img标签的src属性使用base64上传图片后刷新网页src显示问题 html javascript 前端
2022-07-20 17:59

回答 3 已采纳使用localStorage本地存储可以实现 <!DOCTYPE html> <html lang="en"> <head> <meta char
调用外部css文件为body设置背景，图片无法显示 css html5 java 有问必答
2021-05-29 20:46

回答 4 已采纳建议查看一下路径是否正确用img直接打地址看能不能正常显示尽量使用英文
css背景图不存在时，怎么处理浏览器抛出的404错误 css javascript
2017-09-04 02:36

回答 9 已采纳脚本没有问题，你确定资源加载到了吗，或者是你没有引用jquery ![图片说明](https://img-ask.csdn.net/upload/201709/04/1504493523_390
前端vue-cli项目中使用img图片和background背景图的几种方法
2020-12-30 02:51

前端中背景图片极其常用,但是很容易出现各种问题. 一种是脚手架本身资源引用方式的问题,如指定静态资源文件夹. 一种是图片资源引入方式,有时候使用绝对或者相对路径会导致错误. css方法正常使用background属性即可...
前端开发 css图片大小的设置 css
2023-03-27 15:31

回答 4 已采纳首先要确定div的宽高比和图片的宽高比一样，才可以在图片不变形的状态下撑满div，否则肯定会撑不满外层div设置宽高，内层img只需要设置width:100%或者height:100%就行，图片会自适
图片设置宽度为50%，图片反而变大是什么原因 css
2022-04-11 18:01

回答 1 已采纳原来是小的原因：html中，img标签没有默认宽度，为图片的真实宽度，即原图就是小图设置50%变大的原因：当给图片设置50%的时候，a为行内，不受影响，受到dl宽度的100%的影响（及父级视图body
在网页中缩放网页会导致设置的背景图片的大小发生变化，这是为什么 css html 前端有问必答
2022-01-20 21:30

回答 2 已采纳这要看你背景图片是如何设置的,你把代码发下看看,不是这个图片本身的问题应该是图片的父div也变小了,放不下图片了,你把图片的父div加一像素看看
CSS 背景图和 HTML 的 \＜img＞标签应该如何选择？
2023-09-26 10:06

EuForth的博客综上所述，选择使用 CSS 背景图还是 HTML 的标签取决于图像在页面中的作用和设计需求。如果图像是装饰性的，需要与其他元素进行调整和定位，或者需要在元素的大小改变时自动调整，那么使用 CSS 背景图是一个不错的...
CSS实现背景图尺寸不随浏览器缩放而变化的两种方法
2020-12-13 14:17

一些网站的首页背景图尺寸不随浏览器缩放而变化，例如百度个人版的首页，缩放后背景图的尺寸并不改变：再比如花瓣网( huaban.com )：现在用CSS来实现这一效果。首先需要一张足够大尺寸的图片，上图百度...
前端图片显示问题——css背景图不显示
2021-05-26 18:16

daoke_li的博客使用css3的背景图引入后，后者不显示，查看DOM会发现丢失了图片地址。解决方案在引用时给地址两端加上引号，即由 style={{backgroundImage:`url(${recipe.menuImage})`}} 改为 style={{backgroundImage:`...
CSS完美解决前端图片变形问题的方法
2020-11-21 18:22

`object-fit`和`object-position`是CSS3的新特性，它们结合使用可以实现类似背景图片的效果，同时对SEO友好。`object-fit: cover`类似于`background-size: cover`，`object-position`则类似于`background-position`...
没有解决我的问题, 去提问

悬赏问题

¥15 DS18B20内部ADC模数转换器
¥15 做个有关计算的小程序
¥15 MPI读取tif文件无法正常给各进程分配路径
¥15 如何用MATLAB实现以下三个公式（有相互嵌套）
¥30 关于#算法#的问题：运用EViews第九版本进行一系列计量经济学的时间数列数据回归分析预测问题求各位帮我解答一下
¥15 setInterval 页面闪烁，怎么解决
¥15 如何让企业微信机器人实现消息汇总整合
¥50 关于#ui#的问题：做yolov8的ui界面出现的问题
¥15 如何用Python爬取各高校教师公开的教育和工作经历
¥15 TLE9879QXA40 电机驱动

什么时候用css背景图，什么时候用img标签？

2条回答 默认 最新

悬赏问题

2条回答默认最新