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

html-css06

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

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

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

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

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

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

list-style属性涵盖了所有其他列表样式属性。由于它应用到所有 display 为 list-item 的元素,所以在普通的 HTML 和 XHTML 中只能用于 li 元素,不过实际上它可以应用到任何元素,并由 list-item 元素继承。

list-style:none 意思是:

li前面不是有小圆点儿么?可以使用 list-style:none来消除

li便签有个默认属性,一个点儿。。设置none就可以取消那点儿