我一直在努力解决这个问题,所以希望这里有人能帮助我。我一直在努力保持背景图像与网页的大小相同,而不是浏览器的高度。为此,我首先使用了以下代码:
html, body {
overflow-x: hidden !important;
position: relative !important;
}
乍一看这很有效,然后当我打开我的漂亮照片弹出表单时,很明显它不是,它将弹出窗口切成两半。
所以我试着把 100% 的高度放在上面
html, body {
overflow-x: hidden !important;
position: relative !important;
height: 100%!important; }
这切断了漂亮照片弹出窗口的底部 10px 左右,并且还导致 overflow-x 在网站的移动版本上基本上没用。所以最后我尝试删除相对位置,我真的很兴奋,因为它似乎工作得很好,直到我滚动,它的行为好像现在背景是固定的,所以当我滚动时,只有内容移动
我希望这里有人可以帮助我,我环顾了谷歌,我发现的所有建议都没有帮助
提前致谢