While creating a text box with a black transparent background, I encountered an issue where the text also became transparent. Can someone please point out where I went wrong?
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:<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="51383f373e1133243a35303f3630227f3d27">[email protected]</a>"><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="a1c8cfc7cee1c3d4cac5c0cfc6c0d28fcdd7">[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>