CSS Вложение: непрозрачность

Question

У меня проблема с гнездом. Заголовок устанавливается так, чтобы мутность 0,75, а также логотип и Mainnav вложены после заголовка, как доля, что непрозрачности и мне они нужны, чтобы иметь непрозрачность 1.

#header { 
position: relative; 
padding: 0 0 0 0; 
margin: 0 0 0 0!important; 
background-color: black !important; 
opacity: 0.75; 
} 

#logo { 
display: inline-block; 
margin: 0px 0 0 0; 
float: left; 
padding: 0; 

} 

#mainNav { 
right: 250px; 
position: absolute; 
top: 79%; 
height: 20px; 
margin-top: -10px; 
display: inline-block; 
font-family: "Oswald"; 

} 

Here's the site для вам попробовать. (Я пробовал добавить

непрозрачность: 1! Важно), но не повезло.

Answer 1

CSS-свойство непрозрачности изменяет прозрачность для элемента и его детей. Вместо этого используйте цвета rgba (с резервным) для фона, чтобы только фон заголовка был прозрачным.

#header { 
    background-color: black; /* Old browsers that don't support rgba */ 
    background-color: rgba(0, 0, 0, 0.75); 
} 

Answer 2

Элементы всегда наследуют непрозрачность от своего отца, вы должны изменить свойство opactiy для фона RGBA. Вы можете прочитать о CSS3 RGBA в следующей ссылке:

http://www.w3schools.com/cssref/css_colors_legal.asp

Answer 3

Попробуйте использовать RGBA для заголовка цвет фона

#header{ 
    background-color:rgba(155,155,155,.75); 
} 

Answer 4

Обычно! Важные работы. Но если вы все сделали правильно, попробуйте

#header { 
position: relative; 
padding: 0 0 0 0; 
margin: 0 0 0 0!important; 
background-color: black !important; 
opacity: 0.75; 
} 

#logo { 
display: inline-block; 
margin: 0px 0 0 0; 
float: left; 
padding: 0; 
opacity:initial; 
} 

#mainNav { 
right: 250px; 
position: absolute; 
top: 79%; 
height: 20px; 
margin-top: -10px; 
display: inline-block; 
font-family: "Oswald"; 
opacity:initial 
} 

Если это тоже не работает, попробуйте

#header #mainNav #logo { 
opacity:initial; 
}