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

Odpowiedz Nowy wątek
Błękitny Pomidor
2018-06-06 23:28
Błękitny Pomidor
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ąć?

Pozostało 580 znaków

2018-06-06 23:42

Rejestracja: 3 lata temu

Ostatnio: 1 rok temu

Lokalizacja: Warszawa

0

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


Nie byłbym sobą gdybym był kimś innym
edytowany 1x, ostatnio: NikolaPolov, 2018-06-06 23:44
oczywiście kolor może się nie zgadzać ale jak wejdziesz na rgba color picker i podmienisz wartości w nawiasie to zadziała - NikolaPolov 2018-06-06 23:46

Pozostało 580 znaków

Odpowiedz

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