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

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

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

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

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

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

实现方法：

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

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

每日精选

ROG游戏手机9系列新品发布会直播

ROG游戏手机9系列11月19日19:00新品发布，反正超AI玩！等你来看！

标签：游戏手机| ROG9| 发布会| 直播| 2024-11-19
红魔10 Pro上手体验：风扇加持，堪称游戏党梦中情机

红魔10 Pro以独特的设计、出色的性能与稳定的影像表现，成为当前电竞旗舰手机中的佼佼者。它不仅是行业中少有的背部纯平设计，搭配6.85寸全面屏，带来极具视觉冲击的体验，整体外观显得更加规整、精致。

标签：红魔| 10| Pro| 带来| 极致| 2024-11-19
卢伟冰爆猛料 Redmi K80五大升级命中用户诉求

据小米卢伟冰爆料称，Redmi K80对消费者的诉求全部命中，具体有五大升级点，分别是性能，续航，质感，影像，Deco变小。

标签： Redmi| RedmiK80| 爆料| 性能| 2024-11-18
PC鲜辣报：NVIDIA app正式版发布 Win11 on Arm ISO开放下载

上周，英伟达宣布NVIDIA app正式版现已正式上线；微软宣布Windows 11 on Arm版本磁盘映像已提供下载；AMD 2025移动处理器规划曝光；24Q3 AI PC份额提高至20%。

标签：英伟达| AMD| Arm| 系统| 2024-11-18
华为Mate品牌盛典定档11月26日举行：Mate 70将至！

网络上已经传出了Mate 70系列手机的谍照，将包含Mate 70和Mate 70 Pro两款手机，搭载圆形镜头模组，内置四颗摄像头，主摄将用上OV50K，尺寸为1/1.3英寸。

标签：华为| Mate| 品牌| 盛典| 11| 2024-11-18
颜值超绝小OPhone！OPPO Reno13系列蝶蝶紫图赏

OPPO Reno13系列外观正式公布，在延续了上一代超美小直屏的基础上，在美学方面进一步升级，成为了当之无愧的超美小OPhone。

标签： OPPO| OPhone| 2024-11-18
华为Mate 70官宣了 11月26日见标准版有潜望

华为商城官微刚刚表示，华为Mate品牌盛典，11月26日14:30，敬请期待！

标签：华为| Mate70| 官宣| 2024-11-18
华为Mate 70系列手机开启预订：后摄镜头模组十分奢华

华为官微发布消息称，华为Mate 70系列今日12:08在华为商城、授权商城、华为体验店、授权零售商等渠道开启预订，宣传海报还公布了该系列手机的外观。

标签：华为| Mate| 70| 系列| 手机| 2024-11-18
明基推PD2706QN显示器支持多种色彩模式售3499元

明基上新了PD2706QN显示器，具备全链路色准标准，且同步支持4大超广色域和拥有苹果专业色彩模式，售价3499元。

标签：明基| 显示器| 专业显示器| 2024-11-18
OPPO Reno13系列设计官宣超美小OPhone，果味十足

OPPO今天开始对OPPO Reno 13系列进行预热，官方直接就放出猛料，公布了Reno13系列的外观设计。

标签： OPPO| Reno13| 设计| 2024-11-18