Chrome背景图片在点击时不会刷新

Question

我正在尝试创建背景图像切换器，只需单击按钮即可更改正文的背景图案。

$(".ptn-ill").click(function(){
  $("body").addClass("pattern-ill");
});


.pattern-ill {
  background-color: rgb(43, 42, 47);
  background-image: url(../images/science.png);
  background-repeat: repeat;
}

它在Mozilla中运行，但在Chrome中，它不会更改图像，直到我重新调整窗口大小。有没有办法强制chrome刷新background-image？

Answer 1

我需要将background-image应用于包装器而不是body标签。此外，我需要在每个新的背景类上添加bg颜色，因为chrome也存在透明度问题。在重新加载事件时，chrome中的background-image属性表现得很差......