Css does not change the color to transparent

1

I have a menu of a site where the element I change to a transparent color but it does not change, even putting it as important in front of the property. Look:

Inthismenuitlookslikethisinmystyle.css

.navigation{height:50px;background:rgba(243,241,245,0.04)!important;-webkit-box-shadow:003pxrgba(0,0,0,.4);-moz-box-shadow:003pxrgba(0,0,0,.4);box-shadow:003pxrgba(0,0,0,.4);-webkit-border-radius:004px4px;-moz-border-radius:004px4px;border-radius:004px4px;z-index:2;text-align:center;font-family:'RobotoCondensed',sans-serif;position:absolute;top:0;}

Inthebackgrounditisalreadytransparent,butwhenIreloadthepageitreturnstothecolor:

background:#f8f7f3;

Does anyone have any idea why I can not handle the rgb value that I put?

    
asked by anonymous 01.09.2017 / 23:56

2 answers

0

To solve this question, on the page where the menu is incorporated, apply the transparency by calling the chasse referring to the menu. see:

<style>
.navigation{
    background:rgba(243, 241, 245, 0.04) !important;
}
</style> 

Forcing the css to apply the last rule made on the page where the menu is.

    
02.09.2017 / 00:35
1

You can put CSS inline directly on the element with style . This ignores all references of the background style to the element coming from some CSS:

<div class="navigation" style="background:rgba(243, 241, 245, 0.04);"></div>
    
02.09.2017 / 00:43