如何移除WordPress特色图片上的浅白色覆盖层（服务端解决）

以下是几种可行的服务端永久解决方法，无需依赖前端临时修改：

方法1：通过主题自定义面板添加自定义CSS #

• 登录WordPress后台，依次进入「外观」→「自定义」→「附加CSS」
• 在输入框中粘贴以下代码，直接覆盖原有覆盖层样式：

/* 完全移除特色图片的深色覆盖层 */
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-50,
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim {
    opacity: 0 !important;
    display: none !important;
}
/* 清除对比色背景（如果是白色覆盖的来源） */
.has-contrast-background-color {
    background-color: transparent !important;
}

• 点击「发布」保存，刷新前端页面即可看到效果。

方法2：通过子主题style.css修改（适合长期维护） #

• 如果你使用了子主题，为避免主题更新丢失修改，可以通过FTP工具或后台「外观」→「主题文件编辑器」打开子主题的style.css文件
• 在文件末尾添加上述的CSS代码
• 保存文件后，修改会永久生效，且不受主题更新影响。

方法3：直接关闭区块的背景暗化设置 #

• 进入文章或页面的编辑界面，找到「特色图片」Gutenberg区块
• 点击区块右侧的设置面板，在「样式」栏目下找到「背景暗化」相关选项
• 将暗化程度调到0，或者直接关闭「背景暗化」的开关
• 更新文章/页面，这个方法从区块配置层面彻底移除覆盖层，无需额外添加CSS。

内容的提问来源于stack exchange，提问作者xchawai