设置Firefox新标签页背景

步骤

1. 在地址栏进输入about:profiles 回车访问，打开默认配置文件的根目录。

在配置文件的根目录选项，选择打开文件夹。

2. 在这个目录下新建一个名为 Chrome的文件夹，chrome是指浏览器的用户界面

3. 将背景图片放入新建的 chrome 文件夹中，并新建文本文件，重命名为 userContent.css

4. 修改 userContent.css 的内容并保存。注意这里面的 img.jpg 要替换成你的背景图片的文件名

@-moz-document url(about:home), url(about:newtab), url(about:privatebrowsing) {
    /*用于将字体设置为白色*/
    .top-site-button .title, .context-menu-button {
        color: #fff !important ;
        text-shadow: 2px 2px 2px #222 !important ;
    }
    /*用于移除Logo*/
    .logo-and-wordmark {
        display: none !important;
    }
    /*修改了当鼠标移动到网页图标上时显示的方框的颜色*/
    body {
        --newtab-topsites-outer-card-hover:rgba(255, 255, 255, 0.4) !important;
        --newtab-element-hover-color: rgba(255, 255, 255, 0.3) !important;
    }
    /*修改背景图片，radial-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.75))在图片上叠加了一个中心渐变*/
    body::before {
        content: "" ;
        z-index: -1 ;
        position: fixed ;
        top: 0 ;
        left: 0 ;
        background:radial-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.75)), no-repeat url(img.jpg) center ;
        background-size: cover ;
        width: 100vw ;
        height: 100vh ;
    }
}

5. 访问about:config，搜索toolkit.legacyUserProfileCustomizations.stylesheets并将其改为 true

6. 重启浏览器

另：

• 图片靠上调整，加句overflow:hidden;然后调height的数值
• 配合火狐自带功能，自定义顶部工具栏，上传一张1920*113像素的图片（顶部图片大小其实是有一点误差，建议设置为顶部图片底部对齐），主页背景图使用1920*937像素，可以合并成一整张图。另外主页搜索框也可以改颜色，代码如下：

/* 修改搜索框的背景颜色和透明度 */
input[type="search"] {
background-color: #ffffff; /* 设置背景颜色 */
opacity: 0.5; /* 设置透明度（0.0 到 1.0 之间的值） */
}

/* 修改搜索框中的文字颜色 */
input[type="search"]::placeholder {
color: #999999; /* 设置占位符文字颜色 */
}