2017-12-28 13 views
0

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

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:[email protected]">[email protected]</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> 

答えて

4

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

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

opacityfilterを取り除く:それはする必要があります。

+0

ありがとうございます。 – Thranduil