Как установить цвет фона прозрачным?

Question

Я хочу, чтобы background-color моего заголовка был прозрачным, но когда я использую background-color: transparent, ничего не происходит.

Когда я использую background-color:rgba(255,0,0,0.5), я получаю (255,127,127) в каждом браузере.

Snapshot

Как я могу установить background-color к прозрачным?

Хорошо, я думаю, что это может помочь:

В Html его:

<!-- Header --> 
     <div id="header" class="alt"> 
     <h1 id="logo">Christina Stephan</a></h1> 
      <p>Schauspielerin - Sängerin - Sprecherin</p> 
      <nav id="nav"> 
       <ul> 
        <li><a href="index.html">Startseite</a></li> 
        <li><a href="vita.html">Vita</a></li> 
        <li><a href="fotos.html">Fotos</a></li> 
        <li><a href="medien.html">Medien</a></li> 
        <li><a href="impressum.html">Impressum</a></li> 
       </ul> 
      </nav> 
     </div> 

Так что CSS является:

#header { 
    background: #fff 
    border-bottom: solid 1px rgba(144, 144, 144, 0.25); 
    box-shadow: 0px 0.0375em 0.125em 0px rgba(0, 0, 0, 0.05); 
    color: #fff; 
    cursor: default; 
    height: 3.5em; 
    letter-spacing: 0.11em; 
    line-height: 4.6em; 
    position: fixed; 
    text-transform: uppercase; 
    top: 0; 
    width: 100%; 
    z-index: 10000; 
} 

Answer 1

Вы можете в the opacity property:

.transparent { 
    opacity: 0; 
} 

Ты можешь также сделайте это с имуществом background-color и rgba() function. Последний параметр представляет непрозрачность, установив его на 0, чтобы цвет был прозрачным.

Answer 2

вы можете использовать непрозрачность, чтобы сделать цвет прозрачным .. установить надлежащий цвет первого затем сделать этот

{opacity:0} 

Answer 3

использовать данный (CSS):

background-color:transparent;