无法将html元素样式设置为透明

时间:2016-11-21 07:56:24

标签: html css sass

我试图通过CSS配置从父div继承breadcrumbs元素的背景,但是我失败了。 我试图将其CSS设置为background:transparent或inherit但它失败了。

这是一个发生此问题的链接 - 面包屑具有灰色背景,而我希望它是白色作为页面的重置。 链接到有问题的页面:http://doitonlinediy.com/?s=page

为什么我没有设置它的任何想法/想法?

4 个答案:

答案 0 :(得分:1)

显示的背景颜色设置在正文css

#body {
    background-color: #e1dedf;
}

将其删除或更换并仅在面包屑上设置背景颜色

答案 1 :(得分:1)

在您的网站上漫步时,我发现每当您设置面包屑背景颜色以继承父母的背景样式时,它总会给您grey颜色。那是因为你的body css背景。

body.custom-background {
    background-color: #e1dedf;
}

尝试改变背景,你很高兴。

答案 2 :(得分:1)

你的问题是

body.custom-background

答案 3 :(得分:0)

你可以通过使用RGBa做一些透明的事情,像这样...... h1 {color:rgba(123,88,9,0.5);} 值(123,88,9)用于颜色,值(0.5)用于透明..