css雪碧

摘自：http://blog.lehu.shu.edu.cn/hikui/A359743.html 雪碧图，其实就是背景采用一张大图，通过背景的定位来修改使用的背景，这样做可以提高网站的速度（加载一张图对比加载一批图）。 下面是转的博文： 在分析各个网站的CSS时，我们经常可以看到一些网站有很多的元素共享了一张背景图片，而这张背景图片包含了所有这些元素需要的背景，这种技术就叫做CSS Sprites。 淘宝的css sprites 这样做有什么好处呢？我们做一个简单的实验： 假设我需要有一个列表，每一行列表都需要一个自己的修饰符。如果使用普通的img来放置这些图片： <li><img src="img/01.gif" alt="img" /><a href="#">aaaaa</a></li> <li><img src="img/02.gif" alt="img" /><a href="#">bbbbb</a></li> <li><img src="img/03.gif" alt="img" /><a href="#">ccccc</a></li> <li><img src="img/04.gif" alt="img" /><a href="#">ddddd</a></li> <li><img src="img/07.gif" alt="img" /><a href="#"

在css中运用背景图面的(雪碧图)地址要写在 背景定位代码上面 background-position: *** px ***px; 这样背景定位代码才会正常执行, 哪怕是在一个{ }中也要把背景图面的(雪碧图)地址写在背景定位代码上面 如果顺序颠倒,背景图不显示, 来源： https://www.cnblogs.com/0826sw/p/11934287.html

在css中运用背景图面的(雪碧图)地址要写在 背景定位代码上面 background-position: *** px ***px; 这样背景定位代码才会正常执行, 哪怕是在一个{ }中也要把背景图面的(雪碧图)地址写在背景定位代码上面 如果顺序颠倒,背景图不显示, 来源： https://www.cnblogs.com/0826sw/p/11934287.html