1987WEB视界-分享互联网热点话题和事件

您现在的位置是:首页 > WEB开发 > 正文

WEB开发

css精灵图技术是什么

1987web2024-03-27WEB开发36

1068

1、将页面所涉及的所有零星背景图像集中到大图中,然后将大图用于网页。用户访问页面时,只需向服务器发送一次请求。

2、直接使用background-position等属性来准确定位所需的背景部分。

实例

= "UTF-8"></span><span id="2e83cf72-b30a-4a29-9207-f63963634055">Title</span><span id="5b618861-9e83-43cb-b2e9-eef9e42f06d1">
.boxspan{display:inline-block;.j{background:url("abcd.jpg")no-repeat-389px-141px;width:102px;height:112px;.w{background:url("abcd.jpg")no-repeat-117px-560px;width:135px;height:112px;.t{background:url("abcd.jpg")no-repeat-368px-417px;width:102px;height:112px;