Question

我正在尝试将wordpress网站上标题的颜色设置为透明，以便徽标和菜单图标显示在网站的其他元素上，并且没有自己的背景。

我的问题如下。在我的 app.css 文件中，用于设置标题颜色的CSS如下：

header.dark-header {
background-color:#252627;
border-color:transparent;
border-bottom:0;
}

如果我将其设置为透明，则背景实际上变为白色且不透明。

说明问题的图片：https://imgur.com/a/XJta1p1 网站演示：http://security4.forebet.ro

我不知道该怎么办或为什么会这样。有人吗？

Answer 1

设置background-color: transparent;应该可以解决问题。

像这样：

header.dark-header {
    background-color: transparent;
    border-color:transparent;
    border-bottom:0;
}

Answer 2

transparent是background-color的默认值，因此，如果在使用时元素的背景变成白色，则默认值可能会被父元素覆盖，其中background-color具有明确的设定值。无需深入研究样式表并进行更改（可能是最好的解决方案），您可以使用CSS rgba（）函数将标头的背景不透明度显式设置为零，如下所示：

header.dark-header {
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0);
    border-bottom:0;
}

尽管应告知浏览器，对rgba（）函数的支持仍为a little spotty。

将元素背景设置为透明使其变为白色

2 个答案: