动机介绍

很多时候,我们精心选择的背景图却被其他元素挡住,只能透过元素之间的小缝来看(卷帘快门是吧

比如这样,就看了个寂寞

开整

创建css

在此路径下新建一个css文件(我的叫mycss)

\themes\你使用的主题\source\css

然后写入以下代码

/* 文章页背景 /
.layout_post>#post {
/
以下代表透明度为0.5 可以自行修改*/
background: rgba(255,255,255,.5);
}

/* 所有页面背景 /
#aside_content .card-widget, #recent-posts>.recent-post-item, .layout_page>div:first-child:not(.recent-posts), .layout_post>#page, .layout_post>#post, .read-mode .layout_post>#post{
/
以下代表透明度为0.5 */
background: rgba(255,255,255,.5);
}

修改最后一个参数可以达到不同的透明度
数字越小越透明

引入css

在butterfly.yml(或者你自己的主题,请举一反三)搜索inject
插入标了底色的代码(你引入的css名字叫啥就填啥

然后保存就可以运行了


效果展示

end