在所有页面更改背景图片

支持
1

Hello - Is there anyway to use my own custom background image for all pages?

Thanks

2

Add this theme component by @Johani to your site:

3

Is there any theme component which shows normal background instead on Blur background?

4

No, but you can create a new theme component with something like this

#main {
    background-image: url(image-URL);
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center;
}
5

我尝试了这种方法，但它与分类背景图片产生了奇怪的交互。我将选择器从 #main 改为 body，问题得以解决。

不过，在两种情况下我都注意到，UI 元素很容易被背景图片遮挡。我不得不为界面使用的各种 CSS 类设置纯白色背景，但这很繁琐，因为没有单一明确的类可以处理所有容器。

我这样做对吗？有没有更好的方法来设置通用背景图片，使其不会遮挡文字和界面？

以下是我设置背景的方式：

body {
    background-image: url(my-url);
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center;
}

以下是我“修复”UI 的方式：

.container, .search-container, .reviewable, .discourse-post-event-upcoming-events, .tag-sort-options, .page-not-found, .page-not-found-topics {
    background-color: #FFFFFF;
    border: 4px;
    border-style: solid;
    border-color: #FFFFFF;
}

而分类背景则是通过分类 UI 简单设置的。