透明な背景でテキストも透明になります

Question

黒の透明な背景を持つテキストボックスを作成していますが、透明にしたくないテキストも透明にします。誰かが私がどこでミスをしたか教えてもらえますか？

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

opacityとfilterは素子全体に適用されます。バックグラウンドはrgbaの形式に切り替える必要があります。

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

とopacityとfilterを取り除く：それはする必要があります。