1.能否懒加载： background-image无法使用懒加载，而img标签可以通过设置其src进行懒加载的实现
2.加载顺序不同： background-image是css属性，img标签中如果有src会立即请求，img会优先background-image进行请求
3.图片设置性不同：background-image 可以借助其本身css属性中的background-position、background-size来设置图片展示的位置关系，大小显示关系，而img标签无法直接设置其图片显示位置
4.img标签能更好的SEO，是html标签，代表文档内容，而background-image属于css，代表版式设计。而言之，img标签能更好的SEO，而background-image更加灵活。
1.能否懒加载：background-image无法使用懒加载，而img标签可以通过设置其src进行懒加载的实现 ...
大家好，我是前端西瓜哥。今天带大家学习 img 元素和 background-image 属性的区别。 img 是...
input[type=checkbox] { background-image: url(../img/che...
何时使用img标签，何时使用background-image背景图像？ background-image是背景图片...
好程序员分享该如何选择background-image和img标签，用img标签 如果你希望别人打印页面时候包含这...
.bgColor{ background-image:url("../img/sprus3.jpg"); filt...
背景： background-image：url(img/名字)background-repeat:no repe...
样式代码： body{ background-image: url(../img/polo360.png); ...
background-image:url("../../images/login_bg_img@2x.png");
新标签： 背景图： background-image:url(img/xiaofeiji.jpg) ...
本文标题：background-image和 img区别
本文链接：https://www.haomeiwen.com/subject/uvhcjctx.html
网友评论