투명한 배경으로 인해 텍스트가 투명하게 인쇄됩니다.

검은 색 투명 배경을 가진 텍스트 상자를 만들고 텍스트를 투명하게 만들지 만 내 텍스트도 투명하게 만듭니다. 누군가 내가 실수 한 곳을 말해 줄 수 있습니까?투명한 배경으로 인해 텍스트가 투명하게 인쇄됩니다.

있는 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>

출처

2017-12-28 Thranduil

opacity 및 filter는 전체 소자에인가된다. 배경에 대해 rgba 형식으로 전환해야합니다. 그것은해야한다 :

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

및 opacity 및 filter 제거하기.

출처

2017-12-28 17:40:10

감사합니다. – Thranduil

투명한 배경으로 인해 텍스트가 투명하게 인쇄됩니다.

답변

관련 문제