css background-position

高效的页面美化是采用背景图像元素,通常一个背景图像会应用到很多页面元素上。采用的方法就是background-postion属性。这个属性设置的是背景图像从当前元素(比如说DIV)的什么地方开始铺设。而不是从背景图片的什么位置开始使用。

比如说,你想采用背景图片0,30开始的那一颜色条,可以设置某DIV的背景图片以后,设置background-position 为0,-30 , -30表示从该DIV-30px处开始铺设。同时设置repeat-x,就可以得到想要的效果了。

但是background-position:100% 100%并不是想要的那样背景图片完全不见,而是将背景图片从右下角开始铺设,把整个图片的右下角和DIV的右下角对齐了。

所以,background-position有时候对应的是背景的左上角,有时候是右下角。

更进一步,如果指定以pix为单位,则总是对应鱼背景的左上角,而如果是用百分比指定,浏览器会自动做一些调整。



本文地址: http://www.bagualu.net/wordpress/archives/3332 转载请注明




发表评论

电子邮件地址不会被公开。 必填项已用*标注