背景只是取整张图片的某部分 css代码怎么写？

html-css08

背景只是取整张图片的某部分 css代码怎么写？,第1张

.min, .max { background-image:url(sprite.png)background-repeat: no-repeat}(给所有的元素指定同一张背景图片)

.max { background-position: 0 -350px} 取图片坐标 像素为单位距离 之内的图片

.min { background-position: 0 -400px}取图片坐标 像素为单位距离 之内的图片

试试吧 就是主要 是background-position属性 来控制 显示 背景图片哪一部分

首先说下小数宽度在各个浏览器中的不同：

chrome,firefox,ie8 下小数会通过四舍五入的方式转成整数

而 ie6,ie7 会对小数进行下限取整转成整数

需要特别注意的是：ie7 中，直接按照四舍五入

所以不管你写多少位都会有浏览器不兼容，尤其是IE8以下的。

建议您百度一下：各浏览器对css百分比小数点的解析

IE6只会认33%不会认识后面的小数

通过测试分别修改宽度，然后在alert出div的宽度然后看在几位小数后宽度没变化就知道支持到几位了

测试谷歌会认识到33.333% 也就是小数后三位

其他的可以自行用上述方法测试，但是建议都使用整数，不考虑IE6可以到小数点后一位