是使用img 还是 background-image 来载入一张图片呢？

最新推荐文章于 2023-11-08 22:52:03 发布

weixin_34402408

最新推荐文章于 2023-11-08 22:52:03 发布

阅读量304

点赞数

文章标签： c#

原文链接：http://www.cnblogs.com/funnyweb/p/6197675.html

版权

当在网页中载入一张图片时，是使用img标签还是使用css 的background-image来嵌入呢？

使用IMG的情况

使用background-image的情况

总结--

使用img就是你更希望它在网页中以图片的方式呈现出来，可以让你更轻松的做图文混排和动画等

使用background-image的话，就是你更希望它以背景的方式呈现

转载于:https://www.cnblogs.com/funnyweb/p/6197675.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_34402408

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

QML 中使用 Image 加载图片的实例（三）

lh0616的博客

06-03

1084

本文主要介绍在qml 文件中如何使用QML Types——Image 加载一张png 格式的图片，包括如果将png 图片资源添加到qml 工程中等相关内容软硬件环境：硬件：PC软件：window11 Qt5.12.2如下图所示，是 Qt 官方帮助文档对 Image 的介绍，它是一个QML Types，使用它，需要使用import QtQuick 版本号语句来导入（如import QtQuick 2.12），它继承自Item, 常用的属性主要是source, fillMode等。

大屏报表异步获取数据后，渲染背景图片过于缓慢问题的解决方案（采用图片缩略图+懒加载方式）

weixin_44070450的博客

12-09

1061

前端页面数据渲染服务器图片异步路径的懒加载前提：项目大屏报表采用配置参数，其中背景图参数中保存的是缩略图的路径前提：项目大屏报表采用配置参数，其中背景图参数中保存的是缩略图的路径首先进入页面发送http请求获取到大屏报表的配置参数。赋值给页面绑定参数后就开始渲染页面，这时配置参数里的图片是缩略图，因缩略图体积很小，页面可以快速渲染。接着将图片参数从配置参数中获取出来更改成高清图片路径按照可识别位置的方式缓存到提前定义好的参数中。利用 new imange() 的 onload 方法去获取高清的图

参与评论您还未登录，请先登录后发表或查看评论

[css] - 什么时候使用img标签，什么时候使用背景图

weixin_49735372的博客

06-26

595

引入图片有两个方法：一、img标签直接引入 img是行内元素，也是可替换元素，可以设置宽高二、通过背景图片引入什么时候引入背景图：如果图片可能超出显示器尺寸的时候，使用背景图如果图片内部还需要编辑内容时，使用背景图其他时候优先选择img 例如：使用背景图，然后里面包含了遮罩层和文字。 html <div class="box"> <div class="box_shadow"> <p>我是文本</p

html如何载入图片,CSS如何插入图片？

weixin_36430300的博客

06-02

1万+

在CSS中，可以使用background-image属性或background属性来插入图片。background-image属性或background属性可以为元素设置背景图像。初始背景图像(原图像)根据background-position属性的值放置。background-image属性background-image 属性为元素设置背景图像。元素的背景占据了元素的全部尺寸，包括内边距和边框...

uni-app微信小程序image引入图片；background-image背景图引入图片；小程序预览本地图片；小程序图片过大引入报错；获取本地图片的网络地址；

i_am_a_div的博客

07-21

2万+

uni-app小程序图片使用有image标签和background-image背景图两种方式：下有获取本地图片的网络地址方式：见第四步一、方式一：使用image标签引入： 1.官方文档说：src 仅支持相对路径、绝对路径，支持 base64 码；但是我使用了网络地址https也可以显示目前支持以下四种方式引入： <view>引入image的绝对路径src：</view> <image src="~@/static/iconimg/big.png"

css添加背景图片background-image

Caiqiudan的博客

02-02

890

{background-image: url(../base/images/background2.jpeg); background-repeat: repeat-y; /*垂直方向重复图片*/ background-size: 100%; }

前端：background-image引入svg图片背景浅析

Pain4Dawn的博客

12-06

2万+

前端：background-image引入svg图片背景浅析概述掌握的知识background-image相关属性svg相关属性核心概述 background-image引入图片，之前给笔者印象是利用background-size属性、background-repeat属性可以控制图片的缩放，拉伸从而实现背景图片的自适应。但是当遇到background-image遇到svg时，发现了不一样的结果...

关于background背景和img图片

VAEaaaa的博客

12-09

767

PyQt5 在按钮上添加图片

weixin_42427540的博客

01-30

7871

在用Python（PyQt5）做图形界面开发时，如果我们要手动实现一个带有刷新图标的按钮时，那么就要用到在按钮上添加图片的功能，下面将直接介绍实现方法：方法一、为按钮添加样式setStyleSheet 设置background-image button = QPushButton() img_path = '' # 图片路径 button.setStyleSheet("QPushButton{\n" "background-image: url(\"%s\");\n" "background-posi

img与background引入图片的区别

坤音女孩的博客

11-18

2198

1.img占位，一般引入比较重要的图片，能被搜索引擎抓取；background不占位，一般引入装饰性图片，不能被搜索引擎抓取 2. 背景图片：background:url(‘t.png’) no-repeat 0 bottom pink; 第一个值: 图片路径; 第二个值：平铺方式，如果不写，平铺。no-repeat不平铺。 repeat-x水平平铺 repeat-y垂直平铺第三个值：水平坐...

页面导入图片并设置位置---CSS背景及总结

H.千面的博客

12-01

1073

页面中导入图片，并设置位置，不要使用src直接导入，而要使用background-image: url(url);导入，其中，括号内的url是图片的地址。使用src导入，不好设置位置。 background-image : none | url (url)属性是设置背景图片，小的装饰图片，背景图片都可以使用这个属性。利用 background-position 属性可以改变图片在背景中的位置。 div { width: 300px; height: 300

在vscode中给background-image属性添加图片路径后，无法显示图片，原因和解决办法

热门推荐

知易行难

09-13

4万+

正题: 第一步: 添加首先可以先添加一个文件夹来把需要用到的图片存起来,比如我新建了一个Resources的文件夹. 然后,在项目源文件下就可以找到了把需要用到的图片放进去就行.第二步: 导入. 将这些文件导入到Resources,resx 好在项目中使用它们. 然后添加. 然后就可以看到它们了,如图: 第三步,使用. 这里需要使用到 global 上下文关键字

前端学习--常用标签及属性（超链接a标签与img图片标签）

此鱼非闲鱼也的博客

01-15

3573

属性值描述 alt text 图片尚未加载出来时显示的提示信息。 src URL 显示图片的加载路径。 title text 鼠标移动到图片上的显示的提示信息 height px 图片的高度，单位像素 width px 图片的宽度，单位像素

img和background引入图片的区别

weixin_44164982的博客

10-28

699

1. 是否占位 background-image是背景图片，是css的一个样式，不占位；<img />是dom元素，它是一个图片，是html的一个标签，占位； 2.是否会被搜索引擎识别 img会被搜索引擎识别，background不会。所以一些重要的图片内容建议使用img标签引用，一些修饰性的建议使用背景属性引用； 3.加载顺序问题在网页加载的过程中，以css背景图存在的图片background-image会等到结构加载完成（网页的内容全部显示以后）才开始加载，而html中的标签im

图片插入使用<img>还是设定为background

weixin_30413739的博客

09-02

当我们希望访问者可以下载我们的图片时使用<img> 如果只是一些导航标示指示图片icon就使用<span>（<i>用得人比较多，但是不符合语义，万恶的bootstrap~）转载于:https://www.cnblogs.com/jerol/p/5832903.html...

何时使用img标签，何时使用background-image背景图像

05-15

374

在什么情况下更适合使用HTML IMG标签来显示一个图像,而不是一个CSS有背景图像,反之亦然? 如下场景使用img标签比较合适： 1、如果图像是等内容的一部分或图表或人(真正的人,而不是股票图人)，使用Img标签加上alt属性。 2、如果你想打印页面并且你想要的图像包括默认情况下使用IMG。 3、使用IMG(alt文本)图像有一个重要的语义时,比如...