Question

我的网页上有几行非常简单的背景图片。我目前使用的代码是：

{
  background-image:url('stripe.png');
  background-repeat:repeat-x;
  background-attachment:fixed;
}

超级简单。但是当我在页面中向下滚动时，我希望事情不要重叠，而不是重叠。考虑到它是一个小图像（只有8px高和1px宽），它需要遍历页面的整个边缘，并且需要满足顶部边缘才能看起来正确。因此，我不知道如何将其作为背景图像以外的任何其他内容。有什么建议吗？谢谢。

编辑：如果您知道某种方法可以将其作为背景以外的其他方式，那就太棒了！只要效果存在，它就不需要成为背景。

再次编辑：谢谢，这里是相关页面的链接：真正发生的是我希望在框架之间出现一个条形图（但是看起来不错的条形图，不像那些是自动制作的）我无法弄清楚如何制作一款能够保持领先地位。

我有两个框架，大多数页面都不滚动，所以这不是问题。所以我将条形图作为底部框架的背景，但是当查看可滚动页面时，效果会崩溃。

谢谢大家！我能够通过在顶部添加div并将其格式化为

来编辑内容

#stripe {
background-image:url('stripe.png');
position: fixed;
width: 100%;
height: 8px;
left: 0;
top: 0;
 }

这样我仍然将我的图像作为边框，并且能够使div完全正确的大小和一切。谢谢你的帮助！

Answer 1

这是一个背景，所以它在后面。如果你想要前面的东西，你需要有一个在页面前面的元素。

HTML：

<div id="header"></div>

CSS：

 #header {
     background: gold;
     position: fixed;
     width: 200px;
     height: 200px;
     left: 0;
     top: 0;
 }