Cześć! Chciałbym żeby tło w divie miało jakąś tam przeźroczystość zostawiając tekst nietykalnym.
<div id="background>
<a href="#>lorem ipsum</a>
</div>
W tym celu stworzyłem coś takiego:
#background{
overflow: hidden;
position: relative;
width: 100%;
}
#background:before{
content: "";
width: 100%;
height: 100%;
background: #ccc;
opacity: 0.5;
left: 0;
position: absolute;
}
Ale w taki sposób link który jest na tle jest jakby nieaktywny, przykryty przez tło. Jak tego uniknąć?