手机版
热门标签
站点地图
我要投稿
广告合作
联系我们
搜 索
广告位招租
广告位招租
切换导航
首页
人工智能
编程教程
编程导航
编程百科
编程问答
编程博文
编程实例
硬件设备
网络运营
软件教程
移动数码
办公软件
操作系统
网络运维
技术频道
▸ 编程语言
▸ 前端开发
▸ 移动开发
▸ 开发工具
▸ 程序设计
▸ 行业应用
▸ CMS系统
▸ 服务器
▸ 数据库
公众号推荐
微信公众号搜
"智元新知"
关注
微信扫一扫可直接关注哦!
css-sprites
css-sprites专题提供css-sprites的最新资讯内容,帮你更好的了解css-sprites。
html – 如何剪辑元素的背景以仅显示图像的一部分?
有关说明,请查看以下图像. 第一个是我打算实现的目标.它是一个带有两个背景图像的文本输入元素,每边一个. 第二个图像是包含我需要的图标的精灵图像. 现在我的问题是,是否可以剪切背景图像以仅显示图像的一部分?此外,它可以使用多个背景吗? 第1张图片: 第二张图片: 您将不得不使用两个单独的图标图像来实现此功能. 使用CSS精灵,背景会被元素的大小剪裁,有一个名为background-clip的
作者:佚名 时间:2019-06-21
html – CSS Sprites – 仅使用一个图像作为元素的一部分的背景
我使用 CSS Sprite Technique的背景图像看起来像这样: 图标的CSS代码: div.icon { background-color: transparent; background-image: url("/images/icons.png"); background-position: 0 0; background-repeat: no-rep
作者:佚名 时间:2019-06-05
html – 单个图像文件,用于存储页面上的所有小图像
在最近的一个Stackoverflow播客中,杰夫谈到有一个单一的图像文件,其中所有这些微小的图像都在一个页面上,然后用CSS切割,以便所有的图像被正确显示.总之,要减少服务器请求的数量,以便页面加载速度更快.我就像“哇,真的很酷,我真的可以在我们的产品中使用”. 我的问题是:如何使用CSS?我需要使用背景图像加载图像,但是如何在大图像中指定子图像的偏移量?也就是说,假设在(50像素,50像素)的
作者:佚名 时间:2019-04-25
CSS精灵如何加快网站的速度?
我想了解CSS精灵如何提高网站的效能? 如果单张图像的总大小是较小图像的总和,为什么下载几个小图像比下载保存较小图像的单个图像慢? 了解为什么HTTP请求的开销有这样的影响是很重要的. 在最简单的形式中,HTTP请求包括打开套接字,在打开的套接字上发送请求并读取响应. 要打开套接字,客户端的TCP / IP协议栈会向服务器发送一个TCP SYN数据包.服务器使用SYN-ACK进行响应,客户端使用A
作者:佚名 时间:2019-06-17
css-sprites – 在Web应用程序中使用CSS Sprites有什么优势?
我在一个流量相当大的网站上工作,我正在研究使用CSS sprite来减少设计中的图像加载数量. 除了减少传输数据的数量外,使用CSS精灵有什么好处吗?你真的保存了多少空间?是否有一个门槛,使用精灵变得值得一个网站? 更新:感谢您的回复.他们显然都非常仔细思考,并提供了很好的来源来验证你的观点.我现在觉得在我的网站设计中,有更多的能力做出关于使用CSS精灵的知情决定. 问题一般不在于可能节省的带宽数
作者:佚名 时间:2019-06-16
CSS Sprite浏览器渲染
我们都知道,CSS sprite图像是很好的减少请求量等等,但是浏览器的性能如何,使用大图像作为背景,使用多个元素渲染页面? 在装有旧版浏览器(如IE6 / IE7)的较慢机器上,当您在一个页面上使用非常大的图像时,您可以注意到显着的性能下降.当您使用精灵:悬停状态时,情况更加严重. 你必须调整你的诱惑,把你所有的精灵推到一个巨大的形象 – 想想哪些元素是网站/ webapp UI的一部分,并将它
作者:佚名 时间:2019-06-12
CSS Sprite-map有多高/宽?
让我开始说,我意识到反对做大型图像的CSS Sprites的论据.我甚至问 a question,为什么会被认为是一个坏主意(并添加了 answer of my own).现在我们已经说过了 我要做一个大的CSS Sprite地图.对于制作这个精灵图的过程,我需要知道为了让浏览器正确处理它,精灵图像的高度和/或宽度存在什么(如果有的话)限制. 这个问题背后的最终原因是关于是否在网格或单列/列中布置
作者:佚名 时间:2019-06-12
CSS:使用.Less管理Sprite图像
就像使用Compass的SASS(在SCSS文件中),是否有一种方法(通过扩展或工具)直接从.Less管理Sprite? 如果你的意思是它将单独的图像组合成一个,我还没有看到类似的东西.这可能适用于工具或其他东西,因为 javascript不能轻易做到这样的事情. 如果计算现成的精灵的背景位置是你所追求的,那么看看这个问题,它有一个解决方案. Calculating background-posi
作者:佚名 时间:2019-05-20
在不同的样式表中使用相同的Compass精灵
我正在使用Compass生成CSS sprites. 我找到了一种定义精灵的方法,并在不同的.scss文件中使用它,但我不确定这是否是正确的解决方案. 我能找到的最好的方法是: >创建_variables.scss部分文件 >在_variables.scss部分文件中定义精灵 >在每个.scss文件中导入_variables.scss部分 例 _variables.scss文件: $siteSpr
作者:佚名 时间:2019-05-18
css – 背景图像可以负向位于底部还是右侧,还是只有一部分图像重复?
我正在组织一个雪碧,有两个问题. 我总是想知道是否可能将背景图片置于右侧或底部.负面的位置是元素或顶部左侧的面包和黄油,但右边和底部呢? 如果我有500px乘500px div,那么我可以将背景图像的左边缘定位为从右边看5px,使用比495px更负的值来将其推过去? 第二个问题是我是否只能使用一小部分图像并重复显示图像的其余部分. 例如,我可能有一个300px正方形的精灵,并且充满各种各样的东西.
作者:佚名 时间:2019-05-15
指南针 – 为什么我用罗盘精灵得到了错误的道路
使用指南针当我试图创建一个精灵时,screen.css中主精灵图像的路径出错了,因为我无法看到图像. 我的scss代码是 @import "compass"; @import "spr/*.png"; h1 { @include spr-sprite("car"); height:50px; width:50px; } 我的css输出为精灵 .spr-sprite, h1 { backgro
作者:佚名 时间:2019-05-08
CSS背景位置
这里的小问题,我有一个精灵图像,其中包含具有正常和悬停效果的图标. 这是我现在拥有的css .. .wi{ background-image:url(images/icons/small/wi.png); background-repeat:no-repeat; display:block; overflow:hidden; height:24px;
作者:佚名 时间:2019-05-08
表现 – 效率和
我想问一个有人可以给我一些提示,我想做一个设计决定. 我的项目将会有一些精灵(期待在屏幕上一次10到30),并有几种方法来实现它们.一种方法是CSS-Sprites,另一种方法是在画布上绘制它们.两者都不难.背景将是在后台由另一个< canvas>绘制的tile-map. 我看到Crafty将Sprites附加为÷ div>即在< canvas>之内的HTML中,作为CSS-Sprite.我不知道
作者:佚名 时间:2019-05-06
css – 为什么不精简页面内容的较大图像?
使用CSS sprite进行图像的典型经验法则是,您只应该为较小的图像(如图标)进行操作,并且实际的图像内容应始终通过< img>元素.我的问题是:为什么?精神内容图像的优点还不是很好吗? 我读过的一个原因是能够使用alt文本,使得屏幕阅读器更具有语法正确性和可访问性.然而,当这是一个问题时,你不能轻易地使用一个单一的微小透明图像,所有的语法糖在精灵顶部,呈现出真实的视觉内容? 你可以,但是: >
作者:佚名 时间:2019-05-06
CSS-only:如何在填充剩余空间的两个div之间固定宽度的div?
JSFIDDLE 编辑:试图实现与this的相反.(而不是在两边的两个固定宽度的div和一个流体宽度的div在中间,我试图得到两个流体宽度的div两侧和一个div集中在中间) 我有3个div:A,B和C. B需要以A和C为中心. 我目前正在做的是与上面发生的事情相匹配.但是,如果A,B和C的容器有一个奇数的宽度,一些浏览器将A和C的宽度向下舍弃,而其他浏览器分别为C 1px太长,1px太短. 注意
作者:佚名 时间:2019-05-02
php – Firefox和Chrome在655张图片后停止显示我的精灵
问题 嗨,我正在与精灵合作,并获得一些有趣的Firefox和Chrome的行为.当我的精灵有655图像或更少,我的精灵工作正常.但是当它变得更快(656或更多))它不会显示(只是变得看不见).我猜这个问题不在我的代码中,因为它在Opera和IE中工作正常.怎么来的? 细节 我正在使用PHP来生成精灵.生成的html如下所示: <span class="_sprite_images _sprite_
作者:佚名 时间:2020-06-30
上一页
1
2
下一页
小编推荐
苹果市值2025年有望达4万亿美元
• iPadOS 18来了,iPad现在真的有“生产力
• 谷歌日本整活:打造莫比乌斯外形键盘 正
• 天玑9400核心配置曝光,OV米均已采购,
• iPad和安卓Pad有什么区别?不用这三项功
• 松下全画幅镜头便携长焦70-300mm F4.5-
• 停产Quest Pro、力推Quest 3S,Meta要让
• RTX 4080/90要说再见!消息称英伟达11月
热门标签
更多
python
JavaScript
java
HTML
PHP
reactjs
C#
Android
CSS
Node.js
sql
r
python-3.x
MysqL
jQuery
c++
pandas
Flutter
angular
IOS
django
linux
swift
typescript
路由器
JSON
路由器设置
无线路由器
h3c
华三
华三路由器设置
华三路由器
电脑软件教程
arrays
docker
软件图文教程
C
vue.js
laravel
spring-boot