Html 如何使用背景附件水平固定背景，而不是垂直固定背景

我有一个

div

（

#main

），它位于

主体

元素的中间<代码>主体具有水平重复的背景图像和颜色，与元素的左上角对齐

#main

具有固定的宽度、灵活的高度以及自己的背景图像和颜色

如下图所示，我试图实现的是将

#main

中的背景图像与

body

的背景图像对齐。这两个背景图像将是相似的，因此正确的对齐是必要的

我尝试使用

后台附件：已修复

在

#main

的背景图像上，除了明显导致整个背景图像随页面滚动之外；其中，当我试图实现一种效果时，

#main

的背景与

主体的背景正确对齐，但仅在水平方向重复，并且不会跟随用户垂直滚动


（我试着在上面发布这个，但它不接受我的Google OpenID）
你可以使用属性background position和background repeat

.myClass {
    background-image:url(myimg.png);
    background-repeat:repeat-y;
    background-position: -5px 5px; /* Any percentage or pixel value you want
     or you can use center top etc.*/
}

玩转那些css属性，我相信你会实现你想要的。
事后看来，我觉得自己很愚蠢。假设
#main
水平居中，则背景位置“
顶部居中
”将正确对齐。我没有注意到，因为在我的测试页面中，#main的边距不正确，没有居中。