如何在 Firefox 中更改主页的背景图片？

在 Firefox 中，无法从“设置”更改主页（新标签）的背景图像。附加组件当然可以做到这一点，但有一个更好的方法：我们可以创建一个 CSS 文件并告诉 Firefox 在启动时加载该文件。

为此，请按照下列步骤操作：

1. 前往about:support地址栏。查看“应用程序基础”部分➔配置文件目录（或MacOS 上的“配置文件文件夹”）➔ 单击按钮“打开目录”（或MacOS 上的“在 Finder 中显示”）：

它应该会打开您的 Firefox 配置文件目录，该目录通常位于您的 $HOME 目录中。

2. 在打开的目录中创建一个名为chrome的目录，如果它不存在的话。

3. 转到chrome目录并 (a) 创建一个名为img的目录并 (b) 创建一个名为userContent.css的文件。将您的图像移动到img目录。

4. 在任何文本编辑器中打开userContent.css并粘贴以下代码：

@-moz-document url(about:home), url(about:newtab), url(about:privatebrowsing) {
    .click-target-container *, .top-sites-list * {
        color: #fff !important ;
        text-shadow: 2px 2px 2px #222 !important ;
    }

    body::before {
        content: "" ;
        z-index: -1 ;
        position: fixed ;
        top: 0 ;
        left: 0 ;
        background: #f9a no-repeat url(img/cherry-blossom-1260646.jpg) center ;
        background-size: cover ;
        width: 100vw ;
        height: 100vh ;
    }
}

不要忘记将文件名更改url(img/cherry-blossom-1260646.jpg)为您喜欢的图像。

保存文件并退出编辑器。

5. 转到 url about:config，接受风险（我们不会在这里做任何有害的事情，不用担心），然后在搜索栏中粘贴toolkit.legacyUserProfileCustomizations.stylesheets，并将值设置为 true。这告诉 Firefox 在启动时加载 CSS 文件。

6. 如果 Firefox 正在运行，请重新启动它。

CSS代码说明

一个

@-moz-document url(about:home), url(about:newtab), url(about:privatebrowsing)

在主页选项卡、新选项卡和无痕浏览选项卡中启用背景。

乙

.click-target-container *, .top-sites-list * {
    color: #fff !important ;
    text-shadow: 2px 2px 2px #222 !important ;
}

将“热门网站”和“亮点”颜色更改为带有深色文本阴影的白色。对于较浅的壁纸，您需要编辑颜色以使其看起来更舒适。

C

body::before {
    content: "" ;
    z-index: -1 ;
    position: fixed ;
    top: 0 ;
    left: 0 ;
    background: #f9a no-repeat url(img/cherry-blossom-1260646.jpg) center ;
    background-size: cover ;
    width: 100vw ;
    height: 100vh ;
}

加载具有固定位置以及视口宽度和高度的图像（此处为img/cherry-blossom-1260646.jpg） 。body::before如果背景图像正在加载或未找到，则背景颜色设置为#f9a。

这background-size: cover使得它可以使用 Firefox 自动调整，并且放大/缩小不会影响图像大小。

在 GNU/Linux 和 Unix 系统上，您也可以从中加载图像/usr/share/backgrounds/。

重启后 Firefox 应该是这样的：