Transparenter Hintergrund macht meinen Text auch transparent

Question

Ich mache ein Textfeld mit schwarzem transparentem Hintergrund und ich möchte den Text nicht transparent sein, aber es macht meinen Text auch transparent. Kann mir jemand sagen, wo ich einen Fehler gemacht habe?

style.css

#headertxt { 
position: absolute; 
right: 20px; 
bottom: 100px; 
background-size: auto; 
background: black; 
padding: 10px 10px 10px 10px; 
opacity: 0.7; 
filter: alpha(opacity=70); 
} 

#headertxt a { 
text-align: right; 
color: white; 
} 

html:

<div id="headertxt"> 
    <a>Zvani <span class="head"> (+371) 29 256 487</span><br /></a> 
    <a> Raksti <span class="head"><ahref="mailto:info@bukdangas.lv">info@bukdangas.lv</a></span><br /></a> 
    <a>Redzi mūs <span class="head"><a href="/ka-mus-atrast/">kartē</a> 
     <br/></a> 
     <a><span class="head">N 57° 11' 22" E 22° 12' 46"</span><br /> </a> 
        <hr> 
        <a>REKVIZĪTI</a> 
          </div> 

Answer 1

opacityfilter und auf das gesamte Element angelegt wird. Sie müssen auf rgba Format für den Hintergrund wechseln. Es sollte sein:

background: rgba(0, 0, 0, 0.7); 

und loszuwerden opacity und filter.