问题描述
||
解决方法
用于计算以“ 0”为中心的元素的位置的算法可能与用于计算图像在“ 1”背景中的位置的算法不同；通常，问题是当剩余宽度不是偶数个像素时，半像素舍入以不同的方式工作。
通常，这会严重影响IE。如果您尝试通过仅添加1px点动来对其进行“修复”，则可能会导致它在某些其他窗口大小和浏览器中未对齐。
根据横幅布局的工作方式，可能的解决方法是将其设置为100％宽度的div，背景图像为1倍，即水平复制正文背景，以便始终应用相同的舍入。否则，可以在图像中建立1px的定位余地……如果您要处理透明的PNG，通常会更容易。
, 猜想我会说背景图像本身就是1px外（或偏离中心）的图像-尽管您应该在不同的分辨率和缩放级别下检查此图像，以查看像素是否在不同的屏幕尺寸下实际上对齐了-它可能只是背景图片位置的“中心”与980px宽的“容器” div的中心之间的舍入差异。
为了获得横幅，如果在不同的屏幕尺寸下横幅保持恒定1px的距离，请在容器中添加
position: relative
left: -1px;