Question

IE6 css背景图片坐标兼容问题！！！

background: url(../images/header_bg.png) -455px -240px no-repeat;

在IE6下图片总是有一个像素的错位 可是坐标值测量过没有问题啊，这是为什么请赐教！！！
没有边框
.header .headerMiddleNavLeft {
margin:0px;
padding:0px;
height: 43px;
width: 10px;
float: left;
background: url(../images/header_bg.png) -455px -240px no-repeat;
display:inline;
overflow:hidden;
}

Answer 1

错位应该是你在这个标签上加了1个像素的边框，不同版本对于boder的解析是不一样的，有的会把边框值计算到标签总宽度，有的会另算，这才造成标签背景错位问题
我现在有时候为了防止边框问题影响布局，都是用padding的方式模拟出边框出来，就是说父级标签设背景颜色和paddin:1px;里面的标签再填满背景，这样的边框就不会有版本问题了
当然这只是一种解决方式，你还可以考虑其他解决方式

Answer 2

浏览器核心问题。每个浏览器解释不一样。比如说要在一行字后面，放上一个图标。如果高度没有经过计算，就会有这种问题存在。各浏览器图标显示的位置都不一样。 实际上 单独测试 图片定位是正确的！！！

Answer 3

最简单的解决办法
background: url(../images/header_bg.png) -455px -240px no-repeat;
在上边的代码后边加上
_background: url(../images/header_bg.png) -***px -***px no-repeat;
为IE6重新定义下吧

是什么原因造成的还真没遇到过。

Answer 4

应该不会ie6 的offsetLeft是多1px的 css是正确的

Answer 5

是呀，经常查一点。可以用bug 。