gpt4 book ai didi

css - 将水平重复的背景图像设置为位置 : fixed? 的任何方式

转载 作者:太空宇宙 更新时间:2023-11-04 16:22:45 25 4
gpt4 key购买 nike

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

我目前的背景:

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

所有布局 View :

<body class="backg">

谢谢!

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

最佳答案

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

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

关于css - 将水平重复的背景图像设置为位置 : fixed? 的任何方式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6254305/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com