CSS 图片背景未在移动设备的某些页面上显示

Question

我很困惑。在移动设备上，我有一个带有万圣节背景图片的主页，但是当我转到受相同影响的其他页面时 CSS 不显示背景图片。它之所以有效，是因为它在文本上做了突出显示，但又一次没有背景图像？下面是我的 CSS 和正在发生的事情的图片。它在桌面上也能正常工作！

图一：https://i.stack.imgur.com/2FBgo.jpg

图二：https://i.stack.imgur.com/cjnmZ.png

（这是我使用的万圣节图像：https://i.stack.imgur.com/w1ee2.jpg）

CSS:


:root {
  --clr-he-hl: rgb(255, 119, 0);
  --clr-dark: rgb(0, 0, 0);
  --clr-light: rgb(255, 255, 255);
  --img-bg-he: url(../holiday-img/101.jpg);
}

/* Start Halloween CSS */

body {
  background-image: var(--img-bg-he);
}

p {
  background-color: var(--clr-he-hl);
}

h1 {
  background-color: var(--clr-he-hl);
}

h2 {
  background-color: var(--clr-he-hl);
}

h3 {
  background-color: var(--clr-he-hl);
}

h4 {
  background-color: var(--clr-he-hl);
}

.mobile-lable {
  background-color: var(--clr-he-hl);
}

.gray {
  background-image: var(--img-bg-he);
}

.gray_XL {
  background-image: var(--img-bg-he);
}

a.nav-menu-link {
  color: var(--clr-light);
  background-color: var(--clr-he-hl);
}

a.nav-menu-link:hover {
  color: var(--clr-light);
}

#yt-img {
  background-color: var(--clr-he-hl);
}

li {
  background-color: var(--clr-he-hl);
}

/* End Halloween CSS */

Answer 1

可能背景图片被覆盖了。要么使：

body {
  background-image: var(--img-bg-he) !important;
}

或

body, .gray, .gray_XL {
  background-image: var(--img-bg-he) !important;
}

（请注意：我无法发表评论，因为声誉低于 50）

如果不能解决问题，请分享完整代码。我可以尝试进一步提供帮助。

Answer 2

我发现我没有在我的浏览器上正确清除cookies。很晚才回复，抱歉！

CSS 图片背景未在移动设备的某些页面上显示

CSS image background not showing on some pages for mobile

css

mobile