Question

页眉内部图片不变，例如，当您在底部编辑页面时，我上传的是页眉图片，但图片未更改 LINK

内部标头图片的代码

.inner-page-banner {
background: url(images/inner-page/1.jpg) no-repeat center;
background-attachment: fixed;
background-size: cover;
position: relative;
z-index: 9;

这是背景图片的网址（images / inner-page / 1.jpg），我要为每页都添加一张图片，但我无法更改。
setting screenshot

Answer 1

如果您想为每个页面使用不同的标题图像，则可以在HTML中的onCheck() { this.isCheck = !this.isCheck; if (this.isCheck) { this.form.removeControl('lastName'); } } div之后手动设置不同的图像路径，或者在CSS中创建具有inner-page-banner属性的类，然后应用HTML中的div类。

仅在HTML中设置背景

在您的HTML文件中，找到background-image div。在图像路径中添加inner-page-banner属性，如下所示：

background-image

使用CSS设置背景：

或者，您可以在CSS中通过创建图像类来设置背景图像，而只需在标题div中定义此类即可。

CSS：

<div class="inner-page-banner" style="background-image: url('/path/of/your/image.png')"; >
    // content
</div>

并在HTML文件中引用div的图像类之一。

HTML：

.image1 {
    background-image: url('/path/of/your/image1.png') no-repeat center;
}
.image2 {
    background-image: url('/path/of/your/image2.png') no-repeat center;
}

注意：如果您不想再使用该图像，则需要删除CSS <div class="inner-page-banner image1"; > // content </div>类所在的background属性，然后继续使用这两种方法之一

Answer 2

请在此处提及完整路径

背景：url（http://yoursitename/images/inner-page/1.jpg）无重复中心；

内部标题图片不变

2 个答案:

仅在HTML中设置背景

使用CSS设置背景：