html - 居中背景图像偏移 1px

Question

我的网页位于一个 960 像素宽的 DIV 中，我使用以下代码将此 DIV 置于页面中间:

html,body{background: url(images/INF_pageBg.gif) center top repeat-y #777777;text-align:center;}
#container{background-color:#ffffff;width:960px;text-align:left;margin:0 auto 0 auto;}

我需要 html/body 的背景图像平铺在页面中间，它确实如此，但是如果浏览器中的可 window 格是奇数个像素宽度，那么居中背景和居中 DIV 不会一起对齐。

这只发生在 FF 中。

有人知道解决方法吗？

Answer 1

是的，这是已知问题。不幸的是，您只能固定 div 和图像宽度，或使用脚本动态更改 stye.backgroundPosition 属性。另一个技巧是将表达式放入 CSS 类定义中。