任何方法将水平重复的背景图像设置为位置:固定?

时间:2011-06-06 15:26:39

标签: css

我在页面顶部有一个菜单,使用position:fixed固定到位。我们的背景创建了一条细长的水平线,就在菜单下方。目前,随着页面内容的滚动,背景随之滚动。结果,该行随着内容向上移动。我已经找到了一种方法来修复背景,所以这不会发生。我只发现css将背景保持在不重复图像的位置。有没有办法修复水平重复的背景图像的垂直位置?

我目前的背景:

.backg { background: url(../images/background.gif) 0 0 repeat-x !important; 

所有布局视图:

<body class="backg">

谢谢!

更新:使用Tim提出的解决方案:“将背景样式添加到固定菜单div,然后它也将被修复。”所以我标记了他的答案,但真正的答案在于它下面的评论。

1 个答案:

答案 0 :(得分:1)

以下行将水平重复您的图像,距离容器顶部100px:

.backg { background: url(../images/background.gif) 0 100px repeat-x !important;