取消hexo的matery主题的背景图遮罩颜色

素颜马尾好姑娘i 2022-12-21 00:51 137阅读 0赞

# 一. 问题背景 #

使用hexo搭建了一个博客，使用了matery主题，但是背景图有一个遮罩，如下：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNjM0ODQ2_size_16_color_FFFFFF_t_70_pic_center]

# 二. 解决 #

解决思路是对着遮罩右击->“检查”->选中控制台对应的html元素->逐个取消它的css效果，看看这个遮罩是否有变化。

最后定位到是`themes\hexo-theme-matery\source\css`中一个叫`matery.css`文件的595行代码造成的，如下：

.bg-cover:before, .bg-cover:after { 
        position: absolute;
        z-index: 1;
        width: 100%;
        height: 100%;
        display: block;
        left: 0;
        top: 0;
        content: ""; 
    }

只要将content属性注释掉即可，如下：

.bg-cover:before, .bg-cover:after { 
        position: absolute;
        z-index: 1;
        width: 100%;
        height: 100%;
        display: block;
        left: 0;
        top: 0;
        /* content: ""; */ 
    }

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNjM0ODQ2_size_16_color_FFFFFF_t_70_pic_center]: /images/20221120/9c2e71abaa97402db6eee395d23204e5.png

发表评论取消回复

表情：

评论列表（有 0 条评论，137人围观）

还没有评论，来说两句吧...

相关阅读

相关 Hexo博客主题之hexo-theme-matery的安装命令整理

cd hexo-blog git clone https://github.com/blinkfox/hexo-theme-matery.git themes/

朱雀/ 2023年10月02日 16:58/ 0 赞/ 1 阅读

相关取消hexo的matery主题的背景图遮罩颜色

一. 问题背景使用hexo搭建了一个博客，使用了matery主题，但是背景图有一个遮罩，如下： ![在这里插入图片描述][watermark_type_ZmFuZ3

素颜马尾好姑娘i/ 2022年12月21日 00:51/ 0 赞/ 138 阅读

相关 hexo-matery主题美化(四)

hexo-matery主题美化(四) > 作者：江南骚年 > > > 文章目录 > > hexo-matery主题美化(四) >

淡淡的烟草味﹌/ 2022年11月29日 00:53/ 0 赞/ 317 阅读

相关 hexo-matery主题美化(三)-音乐播放器

hexo-matery主题美化(三)-音乐播放器 > 作者：江南骚年配置音乐播放器要支持音乐播放，在主题的 `_config.yml` 配置文件中激活musi

我会带着你远行/ 2022年11月26日 01:55/ 0 赞/ 189 阅读

相关 hexo-matery主题优化(二)

hexo-matery主题优化(二) > 作者：江南骚年目录： hexo搜索 hexo代码高亮消除文章toc目录的那一竖杠杠去掉友链

喜欢ヅ旅行/ 2022年11月24日 14:09/ 0 赞/ 142 阅读

相关 keil主题颜色背景

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4u

朴灿烈づ我的快乐病毒、/ 2022年11月21日 15:21/ 0 赞/ 232 阅读

相关遮罩层的使用

.mark{ top: 0; left: 0; width: 100%;

女爷i/ 2022年10月11日 12:18/ 0 赞/ 212 阅读

相关 CSS背景遮罩

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

￡神魔★判官ぃ/ 2022年09月01日 07:59/ 0 赞/ 244 阅读

相关遮罩

<div class =“modal-backdrop in”id =“loadingModal”style =“display：none; z-index：20000

系统管理员/ 2022年05月26日 00:19/ 0 赞/ 255 阅读

相关如何给背景图片加颜色遮罩

方法一：通过定位叠加（注意层级关系） <style> .block { position: relativ

今天药忘吃喽~/ 2022年01月13日 10:25/ 0 赞/ 301 阅读