Question

我有两个网页，其中包含一个可滚动的div作为主要包装器和一个样式为

的图像背景

        great      good     average       bad      horrible
alice    NaN        NaN       NaN     2016-05-24      NaN
bob      NaN    2015-01-02    NaN         NaN     2012-09-15
eve   2011-12-31    NaN    1998-08-13     NaN         NaN

当我放大或缩小时，可滚动的div会改变大小而背景不会改变。这正是我想要发生的事情。

但是，如果我放大一页然后点击浏览器的后退按钮，背景会在上一页缩小。如果我刷新页面，背景将被修复，所有内容都会再次正确显示。如果我缩放然后单击指向上一页的链接而不是在浏览器窗口中单击返回，则页面将正确显示。我尝试过使用隐藏字段

body
{
background: url("../Images/background.jpg") center bottom no-repeat;
z-index:-5; 
background-size:cover;
}

使用以下脚本

<input type="hidden" id="refresh" value="no"/>

在初始加载后一次重新加载页面，希望背景调整大小，但事实并非如此。只需单击浏览器刷新按钮即可修复它。关于如何处理这个问题的任何建议都会非常有用。

Answer 1

使用$(window).resize() rater而不是$（window）.load（）`如果问题是缩放或调整大小可能会有帮助

缩放网页然后单击后退按钮可更改上一页的背景大小

1 个答案: