如何使wordpress标题透明

时间:2016-08-29 10:06:07

标签: css wordpress

您好我正在制作一个wordpress茁壮成长主题“平方”,我正在努力使这个主题的标题透明。

我已经在线搜索并尝试了我所看到的内容,但它仍然显示为白色而不是透明。 这就是我试过的

header {
    background: transparent;
    font-weight: 400;
    padding-top: 10px;
    padding-bottom: 10px;
}

这是我试图使标题透明的网站

http://digitalmarketer.mu/?page_id=65

请有任何人能够克服这些,请帮助,谢谢

3 个答案:

答案 0 :(得分:1)

您只需将标题的位置设置为绝对位置,以便覆盖此大图片。尝试类似的东西:

header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
}

答案 1 :(得分:1)

并不是元素显示为白色,而是背后的元素是白色。如果您希望透明菜单覆盖在您的英雄照片上,则需要将header设置为background:transparent;并将#floating_menu设置为position: fixedposition: absolute;

position:fixed可能是您想要的,因为您将其命名为“浮动菜单”(固定位置将使菜单始终位于视口的顶部)。

答案 2 :(得分:0)

您可以使用此css将标头设置为透明:     标头{     不透明度:0.7;     位置:相对; }

但是,您在此标题下没有任何图像,因此如果您这样做,您将只有更白的标题。所以没有必要使这个标题透明,因为白色背景在标题下。如果您拥有的主图像位于标题之下,但它没有。您的主图像位于标题下方的标题之后。这就是透明标题没有任何意义的原因。