在网页设计中,使用图像精灵技术能够提高网页速度及性能。不仅如此,图像精灵还可以减少HTTP请求数量和服务器负载,这对于网站优化很重要。CSS中怎样引入图片精灵呢?下面我们就一起来看看吧。首先,我们需要
<a class="download" href="#">Download</a>
.download {<br>
background-image: url('img/sprite.png');<br>
background-repeat: no-repeat;<br>
display: inline-block;<br>
height: 30px;<br>
width: 30px;<br>
}<br>
.download:hover {<br>
background-position: 0px -30px; // 这里是所需要的图像精灵的位置<br>
}
粉丝
0
关注
0
收藏
0