如何更改HTML5UP幽灵模板的背景图片？

Question

我正在使用 html5up 中名为 Spectre 的模板，我尝试更改主 css 中的背景图像，但它没有更改，那么如何更改它？即使我更改背景图像的所有链接它也不起作用我也尝试删除 web-mozkit 和相同的但它不起作用

我尝试更改图片的所有链接，但仍然不起作用我希望能够更改图像 CSS代码 页面

Answer 1

background-image

下的

#main > header

设置主题附带的

elements.html

和

generic.html

页面上标题的背景图像。

要更改

index.html

页面上的主背景图像，请更改

background-image

下的

body.landing #page-wrapper

（在

/* Landing */

部分下，第 3964 行）。

如果您的图像位于与 CodeIgniter 的

images

文件夹同一级别的

application

文件夹中（就像您的图像一样），请使用

../../images/AMD.jpg

:

body.landing #page-wrapper {
    background-image: -moz-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/AMD.jpg");
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/AMD.jpg");
    background-image: -ms-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/AMD.jpg");
    background-image: linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/AMD.jpg");
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0;
}

希望这有帮助！