调整首页磁贴透明度的方法
动机介绍
很多时候,我们精心选择的背景图却被其他元素挡住,只能透过元素之间的小缝来看(卷帘快门是吧
比如这样,就看了个寂寞
开整
创建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
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 第一流民的闭锁空间!