1

所以我在页面顶部有一个边框，我希望它在我向下滚动时保持在同一个位置。我尝试position: fixed了许多不同的位置，但仍然无法使其工作。另外，如果可能的话，我希望其他内容在此图像后面滚动。这是我的代码： 

    <div style='
      background-image: url(http://i111.photobucket.com/albums/n144/baby_painting/bowlace2.gif);
      background-repeat: repeat-x;'>
         <img src="http://i111.photobucket.com/albums/n144/baby_painting/bowlace2.gif">
    </div>

这是页面 nikkidarlinggg.tumblr.com 抱歉，如果我没有正确输入这个，我以前从未使用过这个网站。

4

4 回答 4

1

这将解决您的问题：

   <div  class='fixed' ></div>
   <div class='content'>Your content here </div>

和固定类：

.fixed{
 position:fixed;
 top:0;
 z-index: 1;
 width:100%;
 height:100%;
 background-image:url(http://i111.photobucket.com/albums/n144/baby_painting/bowlace2.gif);background-     
 repeat: repeat-x; 
}
.content{margin-top:57px;}

在 html 中使用 css 内的 css ：

   <div style="position:fixed; top:0; z-index: 1; width:100%;height:100%;background-image:url(http://i111.photobucket.com/albums/n144/baby_painting/bowlace2.gif);background-repeat: repeat-x;" >
  </div>
  <div style='margin-top:57px;'>Your content here </div>

在这里演示：http: //jsfiddle.net/Nsuj7/

于 2013-08-25T04:11:54.630 回答
0

你有没有试过：position:absolute？

于 2013-08-25T03:56:29.407 回答
0 
<div style="background-image: url(http://i111.photobucket.com/albums/n144/baby_painting/bowlace2.gif);background-repeat: repeat-x;position:fixed;width:100%;z-index:2;height:57px"></div>

试试这个，使用 z-index 2 或任何上述值。

于 2013-08-25T03:58:13.173 回答
0

将这些样式添加到 div：

position: fixed;
width: 100%;
z-index: 10;
于 2013-08-25T03:58:38.757 回答