CSS背景图像页面与内容的对齐

Question

我使用母版页在asp.net开发了一个网站。

我的图片上有条纹作为页面背景。

我想在母版页中使用与头部内容[Div]背景相同的图像。

我对CSS不太熟悉。

如何将背景条纹与网站内容中的条纹对齐。

我可以将头部内容的背景透明吗？

或者还有其他方法吗？

Answer 1

您可以为头部元素提供CSS

.header_element {
    background-color: transparent;
}

这样可以使背景透明，这样就可以看到身体的bg图片。

这很可能比对齐两个背景要容易得多，因为这两个背景会因屏幕尺寸的不同而对齐。

Answer 2

如果你的背景图片在body上（或至少包裹着你的头部），那么你可以简单地做出你的头部background:transparent;

但是，如果你的标题div不是里面那个背景为on的元素，那么你需要将背景放在head元素上。

类似的东西：

#header {background-position: 50% 0; }
#otherimageDiv {background-position: 50% 0; }

Answer 3

完成。

我删除了页面div之外的标题div。

并将标题div背景修改为透明。