我在页面顶部有一个菜单,使用position:fixed固定到位。我们的背景创建了一条细长的水平线,就在菜单下方。目前,随着页面内容的滚动,背景随之滚动。结果,该行随着内容向上移动。我已经找到了一种方法来修复背景,所以这不会发生。我只发现css将背景保持在不重复图像的位置。有没有办法修复水平重复的背景图像的垂直位置?
我目前的背景:
.backg { background: url(../images/background.gif) 0 0 repeat-x !important;
所有布局视图:
<body class="backg">
谢谢!
更新:使用Tim提出的解决方案:“将背景样式添加到固定菜单div,然后它也将被修复。”所以我标记了他的答案,但真正的答案在于它下面的评论。
答案 0 :(得分:1)
以下行将水平重复您的图像,距离容器顶部100px:
.backg { background: url(../images/background.gif) 0 100px repeat-x !important;