html - 居中多个背景

Question

在我的网站上，我有 3 张图片构成完整的背景，宽度均为 1920 像素。顶部不重复，中心重复-y，底部不重复。

但看起来中心图像相对于其他图像分散了 1 个像素。如果我删除中心 bg，顶部和底部保持对齐。

body.myclass {
    width: 100%;
    background: url(../images/top-fon-bg2.jpg) top center no-repeat, url(../images/bottom-fon-bg2.jpg) bottom center no-repeat, url(../images/fon-repeat2.jpg) center repeat-y; 
    background-color: #000000;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 12px;
    color: #7d7d7d;
    line-height: 1;
    min-height: 100vh; 
  }

结果：

标签： htmlcssbackground