CSS - 解析由平铺自动大小图像覆盖的滚动条

Question

我在这个网站上找到了一些很棒的帮助，帮助我在固定标题的两侧拼贴图像。我遇到的一个问题是右侧的滚动条被平铺图像覆盖并变得无法访问。我相信这很简单，但我现在感到很茫然。您可以在此处查看示例：http://www.jzandecki.com/example

Answer 1

您需要从头开始重建标题。首先创建一个div（这将是你的标题容器），用id命名，然后说“header”。添加平铺黑色图像作为背景。该div的位置应该是FIXED而不是ABSOLUTE。

position: fixed;
background: url("../images/example_top.jpg") repeat scroll 0 0 transparent;
background-repeat: repeat-x;
height: 178px;
width: 100%;

在标题div中添加另一个div，其宽度大小为发电厂图像的宽度。将此div的css设置为margin：auto（将其置于屏幕中心）。

margin: auto;

这应该可以胜任。 如果这样可行，您应该拥有之前的视图，但滚动条将位于标题的顶部而不是隐藏。

编辑：

顺便说一下，我看到你的身体是900像素并且粘在屏幕的左边。我建议你为你的身体提供以下属性：

margin: 0;
padding: 0;

身体应该占据整个页面。 如果您想为内容添加900 px包装块，请在标题div之后添加div（如上所述）。这个新div应具有以下css属性：

width: 900px;
margin: auto; //this centers your div in the middle of your screen
//Other styles that have nothing to do with positioning 

祝你好运。