锐客网

  1. 首页 > 睿知 > it技术 > >

CSS（如何在WordPress上使标题背景透明（））

WordPress网站开发IT知识问答css标题背景透明

我想在我的网站上放一个背景图片。它来自页面顶部, 仅在标题后面。问题是, 我的主题迫使我为标题添加背景色, 因此你根本看不到我的背景图片。这是我希望网站外观的照片：

CSS（如何在WordPress上使标题背景透明（））

文章图片
你可以在这里看到它的实际外观。我在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>

    推荐阅读


    上一篇：CSSO Gulp和WordPress评论

    下一篇：WP自定义归档和分页