如何判断一张图是不是雪碧图以及该如何定位雪碧图中的小图

下面是一张图片，我感觉它是一个雪碧图，但是我没有在代码里找到引用雪碧图时的background-image以及定位元素时的background-position；

网页：https://wenku.baidu.com/view/ea1d4dbea31614791711cc7931b765ce05087a9e

图片：src="https://wkbjcloudbos.bdimg.com/v1/docconvert10/wk/3f4a0592c1418e6346bcfaee74cb3807/0.png?responseContentType=image%2Fpng&responseCacheControl=max-age%3D3888000&responseExpires=Thu%2C%2009%20Jun%202022%2014%3A19%3A49%20%2B0800&authorization=bce-auth-v1%2Ffa1126e91489401fa7cc85045ce7179e%2F2022-04-25T06%3A19%3A49Z%2F3600%2Fhost%2F430a83a651bb63f9f32661f38d8790e1c5160750ba44ed29786759a696199c67&x-bce-range=0-46498&token=eyJ0eXAiOiJKSVQiLCJ2ZXIiOiIxLjAiLCJhbGciOiJIUzI1NiIsImV4cCI6MTY1MDg3MTE4OSwidXJpIjp0cnVlLCJwYXJhbXMiOlsicmVzcG9uc2VDb250ZW50VHlwZSIsInJlc3BvbnNlQ2FjaGVDb250cm9sIiwicmVzcG9uc2VFeHBpcmVzIiwieC1iY2UtcmFuZ2UiXX0%3D.YGIZRJMg%2Bh29zzHzeAff09DOp6kh6ALSc42e4VXE%2F5U%3D.1650871189" >

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

2条回答默认最新

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
崽崽的谷雨 2022-04-27 15:49
关注
你给的网址里应该不是雪碧图

首先它得有 background 图片为背景，其次这个图片有很多图标。
还有就是 background-position 属性

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

解决无用
评论打赏
分享
举报编辑记录

评论

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

查看更多回答(1条)

报告相同问题？

关注问题

如何判断一张图是不是雪碧图以及该如何定位雪碧图中的小图 css html5 javascript
2022-04-27 15:19

回答 2 已采纳你给的网址里应该不是 雪碧图 首先它得有 background 图片为背景，其次这个图片有很多图标。还有就是 background-position 属性
CSS制作雪碧图相关代码不理解 css html javascript
2022-04-27 11:20

回答 4 已采纳 雪碧图用background-image引入，才能定位位置吧，你代码贴的有点模糊
关于css动画的问题 css
2022-09-27 15:25

回答 4 已采纳在keyframes里的to background为-1280px 这个只是显示到1280这个宽度的位置，就又重新开始了，所以，你要全部都显示，就得刚好等于背景图片的宽度
Webpack中雪碧图插件使用详解
2021-01-19 17:37

为了避免这种情况，我们需要使用到雪碧图将这些图标整合到一张图片上，再使用CSS背景及其定位，将需要显示的图标移动到元素背景中。传统方式，我们需要将图标拼接到一张图片上，计算好位置信息，这种方式维护起来...
java文件输入输出流 java
2022-06-14 18:56

回答 1 已采纳你读取menu.txt的时候是按行读取的，第一行是列名，最后一行是总价，不读。从第二行开始，可以使用字符串自带的spilt方法，将这行数据切分成数组，那么数组的第一位就是ID，第二位是菜名，第三位是数
vue 表格数据渲染格式问题。 html5 javascript vue.js
2021-10-12 10:11

回答 2 已采纳 copyLeftData.checkList改成scope.row.checkList
如何编译、运行模板给出的代码，然后改进自动售货机。使得用户也可以投人5元钱,选择“草原奶茶”“青青咖啡”和“甜美酸奶”三者之一。 java
2022-03-17 22:29

回答 1 已采纳编译代码，运行cmd, 然后使用cd命令切换到代码所在的目录，使用命令： javac MachineSell.java .然后再使用命令运行代码： java MachineSell(如果使用了包
前端插件：雪碧图(多图压缩为一张)
2019-04-01 18:40

BoomShaKa_S的博客将一个页面内所需要显示的图片全部整合到一张大图中，并使用css属性background-position进行调用这样的话，当页面渲染时，可以减少请求次数，在一定程度上能够加快网页加载速度通过gulp生成使用雪碧图（css精灵） ...
商品出入库更新库存问题（C#与SQL SERVER） c# sql
2021-02-24 20:55

回答 6 已采纳能不用触发器就不用，实在影响性能，如果是项目的话架构一般会让你在业务规则层实现，目的是好维护好移植，考虑你是毕设建议你采用存储过程实现，至于如何编写存储过程，在CSDN上找吧关于库存的存储过程一大把，
vue如何把多个对象的属性值合并到一个数组对象里面 html5 javascript vue.js
2021-09-24 15:20

回答 6 已采纳 let newArr = [];arr.forEach(item => { newArr.push({ "id": item.id, "parentId": i
vue数组对象如何去重复 html5 javascript vue.js
2021-09-26 14:36

回答 4 已采纳 let obj={}; let newArray=[]; arr.forEach(item=>{ if(!obj[item.id]){ obj[item.id]=true;
你确定会用CSS Sprites（雪碧图）？
2024-02-19 06:00

富朝阳的博客我们来看一张图片这张图片汇聚了10个小图片合成，每个小图片都有自己的像素定位点，那么如何生成雪碧图呢？CSS Sprites一般只能使用到固定大小的盒子（box）里，这样才能够遮挡住不应该看到的部分。这就是说，在一些...
c语言的一个有趣的问题 c语言有问必答
2021-11-01 20:19

回答 2 已采纳把名字放到数组中双重循环用strcmp()函数比较两个字符串你题目的解答代码如下： #include<stdio.h> #include<stdlib.h> #include&
【前端小实战】百度新闻雪碧图及动画（CSS sprites）
2023-01-13 23:14

Fetters04的博客模仿百度新闻右侧电梯雪碧图效果，实现了雪碧图的应用。
CSS雪碧图的作用以及加载方式（代码示例）
2024-04-11 00:00

还是大剑师兰特的博客通过将多个小图标或背景图像合并到一张单独的大图中，然后通过CSS的`background-image`属性引用这张大图，并结合`background-position`属性来精准地定位显示其中每一个小图标的背景位置。
【前端基础知识】精灵图/雪碧图的实现以及优缺点
2022-01-14 14:21

@Dai的博客【前端基础知识】精灵图/雪碧图的实现以及优缺点
在html中雪碧图的坐标怎么看,Webpack中雪碧图使用详解
2021-06-09 17:00

毛毛雨魔理沙的博客背景在开发过程中，我们需要用到很多图标，这些图标的大小不是很大，但是每次需要向服务器...为了避免这种情况，我们需要使用到雪碧图将这些图标整合到一张图片上，再使用CSS背景及其定位，将需要显示的图标移动到...
移动端背景图css6,移动端适配之雪碧图(sprite)背景图片定位
2021-08-04 00:53

清清清飏的博客为了减少网络请求个数量，提高网站的访问速度，我们一般都会把一些小的图片合并成一张sprite图，然后根据background-position来进行定位。在web端由于是固定的大小与left 、top，所以定位起来会比较准确、简单。但是...
css 雪碧图计算方式,前端必备 CSS Sprites雪碧图生成工具
2021-08-03 20:51

weixin_39540018的博客 [摘要]CSS Sprites又称css精灵或者谐音css雪碧，是一种网页图片应用...将一个页面内所需要显示的图片全部整合到一张大图中，并使用css属性background进行调用。这样的话，当页面渲染时，可以减少请求次数，在一定...
webpack原理篇（六十二）：实战开发一个自动合成雪碧图的loader
2022-08-30 18:14

凯小默的博客然后在 loaders 文件夹添加图片跟 css 文件。我们在 src 的 img 文件夹里添加 3 张图片。然后我们查看一下 dist 目录，我们发现加了。然后可以看到 dist 目录生成了一个。最后在 loaders 文件里添加。玩转 webpack ...
没有解决我的问题, 去提问

问题事件

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
系统已结题 5月5日
关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
已采纳回答 4月27日
关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
修改了问题 4月27日
关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
修改了问题 4月27日
展开全部

悬赏问题

¥100 set_link_state
¥15 虚幻5 UE美术毛发渲染
¥15 CVRP 图论物流运输优化
¥15 Tableau online 嵌入ppt失败
¥100 支付宝网页转账系统不识别账号
¥15 基于单片机的靶位控制系统
¥15 真我手机蓝牙传输进度消息被关闭了，怎么打开？(关键词-消息通知)
¥15 装 pytorch 的时候出了好多问题，遇到这种情况怎么处理？
¥20 IOS游览器某宝手机网页版自动立即购买JavaScript脚本
¥15 手机接入宽带网线，如何释放宽带全部速度

如何判断一张图是不是雪碧图以及该如何定位雪碧图中的小图

2条回答 默认 最新

问题事件

悬赏问题

2条回答默认最新