Przeźroczystość tylko koloru tła zostawiając tekst.

0

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ąć?

0

spróbuj background-color : rgba(100,100,100,0.5);

1 użytkowników online, w tym zalogowanych: 0, gości: 1, botów: 0