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

最新推荐文章于 2023-06-28 14:53:35 发布

weixin_34402408

最新推荐文章于 2023-06-28 14:53:35 发布

阅读量294

点赞数

文章标签： 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

分享到新浪微博

扫一扫

background-image使用

web18224617243的博客

08-01

2570

url("")；

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

weixin_44070450的博客

12-09

1044

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

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

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

weixin_49735372的博客

06-26

584

引入图片有两个方法：一、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 属性为元素设置背景图像。元素的背景占据了元素的全部尺寸，包括内边距和边框...

图片懒加载与预加载

qq_47218954的博客

02-20

447

js实现图片懒加载、预加载

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"

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

此鱼非闲鱼也的博客

01-15

3527

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

PyQt5 在按钮上添加图片

weixin_42427540的博客

01-30

7808

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

Background Matting V2 学习

qq_46292437的博客

12-20

3285

Background Matting V2 学习

简单的图片懒加载实现

11-29

简单的图片懒加载实现

Android系统下使用C++实现合成一张白底300DPI的图片的函数，并在图片指定位置添加中文

06-07

addTextToImage()函数使用了OpenCV中的freetype模块来添加中文，需要先调用createFreeType2()函数创建一个FreeType2对象，然后调用loadFontData()函数载入中文字体文件，最后调用putText()函数将中文添加到图片上。...

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

Pain4Dawn的博客

12-06

2万+

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

在 vue 项目中，常用的4 种引入图片的方式

热门推荐

lxiaopfeng的博客

09-09

15万+

background-image将图片作为背景，配合使用的属性background-repeat、background-position、还有css3才有的background-size，下面通过几个图片来展示这几个结合使用实现图片作为背景（如搜索框中的一个搜索图片） 1、background-image的用法，为图像制定url： 2、background-rep

python如何导入背景图片_背景图片的正确导入方式

weixin_39817176的博客

12-03

8257

例：将此图片作为背景图片导入。深蓝色紫色红色淡蓝色黄色绿色#skin{width: 120px;border: 1px solid #ccc;background-color: #fff;margin: 10px;padding: 4px;}#skin li{float: left;width: 15px;height: 15px;text-indent: -9999px;overflow: hi...

小程序里用background-image或background引入背景图片在真机上展示没效果怎么解决

weixin_45463061的博客

02-24

2959

如下图，小程序里用background-image或background引入背景图片在真机上展示没效果怎么解决？上一个展示不出来是因为url路径引用的用的本地的图片，而背景图片只能base64格式或者网络图片或者上传到小程序的云存储里。错误代码（用的本地图片,这种情况模拟器上背景图片是可以显示出来的，真机上是显示不出来的） <view class="flex_row_start" style="padding-bottom: 30rpx;background: url(../../images/

图片引用的两种方式background-image和img的区别

F-ZERO-F的博客

04-18

2万+

发现问题的地方：在模拟百度首页进行制作的时候，在百度的搜索文本框中有一个小照相机，这个照相机是一个图片的一部分，在鼠标移动到这个地方的时候它自动换到图片的下半部分进行变色，而这个图片的引用就是使用的background-image引用的，但是使用img标签却没法达到这种效果。这是为什么呢？ img 元素：定义为向网页中嵌入一幅图像。从技术上讲，标签并不会在网页中插入图像，而是从网页...