如何使用CSS技术实现图像拼合

html-css014

如何使用CSS技术实现图像拼合,第1张

将图片放到sprite图片的右边(本文开始的那个sprite图片)。

这样的话,当你通过CSS移动背景图片的位置的时候,基本上不可能有其它的小图片意外的出现在它的附近。使用Sprite的时候常常遇到的一个问题是图片会出现在它不该出现的位置。

可以将你的按钮的position设置为relative,然后top值设置为负值,这样原本上下顺序摆放的图片就会重叠。

也可以你的按钮的position设置为absolute,这样位置就可以任意设置了。

如果大图将按钮盖住了,可以设置z-index值,大图片设置为1,小按钮设置为100。(其实设置多少都可以,数值大的在上面)