CSS Sprites网页图片整合方法的技巧

互联网 | 编辑: 潘翔城 2009-07-07 00:00:00转载

论坛上提到这样的问题：“css中用一张背景图做页面的技术有什么优势？”

简单介绍一下 CSS Sprites 的优点：

当用户往U盘中拷200张图片，会等很久。但是如果弄成一个文件，再拷贝就会快很多。

CSS Sprites 的目的就是通过整合图片，减少对服务器的请求数量，从而加快页面加载速度。

实现方法：

首先将小图片整合到一张大的图片上

然后根据具体图标在大图上的位置，给背景定位。background-position:-8px -95px;

每日精选

XREAL即将登陆AWE 集中展示空间计算最新成果

作为AWE重点布局的核心赛道之一，AR产业板块迎来重磅参展企业——全球领先的消费级AR眼镜品牌XREAL。

标签： XREAL| AWE2026| 2026-03-08
卖爆了！千问AI眼镜G1开售3小时全平台登顶第一

3月8日，备受期待的千问AI眼镜上午10点正式现货开售，开售3小时即登顶全平台智能眼镜热销榜，同时在部分渠道已提前售罄。

标签：千问| 千问AI眼镜G1| 全平台登顶| 2026-03-08
英特尔Arc Pro B70曝光，或与Arrow Lake Refresh同步登场

PChome3月8日消息，英特尔即将推出的Arc Pro B70工作站显卡现已出现在官网。这款产品预计将采用更大的BMG-G31 Battlemage核心，最高配备32个Xe2核心和32GB GDDR6显存，显存位宽为256位。

标签：英特尔| ArcProB70| ArrowLakeRefresh| 显卡| 2026-03-08
PC鲜辣报：RTX 3060或将复产，新版RTX 5050放弃12GB规格

上周的PC硬件市场看点密集，行业格局与产品端均迎来新变化，AMD份额跌至历史冰点、英伟达官宣将推出RTX 5050 9GB版、AMD推出Zen5架构桌面APU，显卡市场再现复古潮，硬件市场依旧受着显存、内存价格的影响。

标签：英伟达| AMD| RTX5050| RTX3060| 2026-03-09
买充电宝送手机传荣耀X80 GT配13080mAh电池

据网传消息称，荣耀即将推出的新款机型荣耀X80 GT，将配备13080mAh电池，续航表现已经再次创造了新纪录。

标签：荣耀| 荣耀X80GT| 电池| 2026-03-09
苹果将推出Ultra级新品定位更高类似非凡大师

据记者Mark Gurman提供的消息显示，苹果将启动超高端产品战略转型，将Ultra打造为全品类最高端专属品牌，同时其首款折叠屏手机定名iPhone Ultra，定位与定价均刷新iPhone手机系列上限。

标签：苹果| Ultra| 折叠屏| 2026-03-09
久用无感折痕 OPPO Find N6官宣3月17日发布

OPPO正式官宣，将在3月17日19:00举办新品发布会，全新一代折叠屏旗舰OPPO Find N6将会在此正式发布，该机的设计也随之曝光。

标签： OPPO| FindN6| 发布| 2026-03-09
小屏大魔王设计确认一加15T官宣本月发布

一加手机中国区总裁李杰Louis公布了一加15T的外观设计，并透露该机将在本月正式发布，该机表现十分全面，兼顾了小屏带来的手感与便携，也没有在性能和续航上进行妥协。

标签：一加手机| 一加15T| 发布| 2026-03-09
屏实力展锋芒荣耀Magic V6新品发布会

3月10日 19：00 荣耀Magic V6新品发布会

标签：屏实力展锋芒| 荣耀| 荣耀MagicV6| 发布会| 2026-03-10
TCL华星MWC2026：超级像素技术引领移动显示新趋势

在3月2日开幕的MWC 2026 上，TCL华星携自主研发及与行业客户联合研发的多款中小尺寸显示产品重磅亮相，为现场观众带来一场集高清、低功耗于一体的显示技术盛宴。

标签： mwc| TCL华星| 屏幕| 2026-03-09