我想在我的网站上放一个背景图片。它来自页面顶部, 仅在标题后面。问题是, 我的主题迫使我为标题添加背景色, 因此你根本看不到我的背景图片。这是我希望网站外观的照片：
文章图片
你可以在这里看到它的实际外观。我在Wordpress上使用Brunch Pro主题。
有没有办法使标题背景透明或有更好的方法做到这一点？
#1 将其添加到主题的custom.css或style.css的末尾：
.brunch-pro .site-header{
background: transparent;
}
#2 如果你可以编辑CSS(我想你可以在WP中进行编辑), 请查找.site-header设置了CSS属性的位置。删除背景和背景颜色属性。
你也可以只添加一个新的CSS属性并将其应用于标题。就像是：
header.site-header {
background: none !important;
}
！important将覆盖已经设置的属性…
#3 【CSS（如何在WordPress上使标题背景透明（））】如果需要background-color属性, 则可以使用rgba颜色并使它透明。背景：rgba(0, 0, 0, 0); 使背景颜色为黑色, 但完全透明, 没有不透明度和其他技巧。像这样：
.black-but-transaprent {color: red;
height: 100px;
width: 100px;
background: rgba(0, 0, 0, 0);
border: 1px solid black;
}<
div class="black-but-transaprent">
Test<
/div>
推荐阅读
- WP自定义归档和分页
- CSSO Gulp和WordPress评论
- CSS（如何删除WordPress主题上的边框）
- CSS背景图像响应缩放
- 在WordPress中创建Typeform
- 从头开始创建WordPress模板-边栏放置
- 手把手教你JS逆向搞定字体反爬并获取某招聘网站信息
- 网络层协议介绍及概述
- CEPH离线部署（纯内网）