Problem z funkcją OPACITY

0

Witam
Chciałbym, aby na mojej strony komenda opacity odnosiła się tylko do koloru tła danej sekcji, natomiast żeby wszystkie obiekty umieszczone w tej sekcji na tym tle były już niezależne od zdefiniowanej wcześniej opacity.
W przykładzie z poniższego kodu sytuacja wygląda tak, że opacity 0.8 odnosi się do sekcji article, i background-color jest nieco przeźroczysty (o to mi właśnie chodziło), ale także wszystkie teksty zamieszczone w sekcji article dziedziczą tą właściwość i też są lekko przeźroczyste.

p, ul, li { color: white;
text-align: justify;
line-height: 3vh;
font-size: 1.7vh;
font-size: 1.7vw;
margin: 1% 1% 1% 1%;}

article { display: block;
float: left;
background-color: #0399d8;
opacity: 0.8;
margin-bottom: 1%;
margin-top: 1%;
padding: 2% 2%;
width: 50%;
height: 600px;
overflow-y: auto; }

1

Przede wszystkim wrzucaj kod w odpowiednie znaczniki.

Opacity nie jest właściwością tła tylko całego selektora. Usuń opacity a wartość background-color zmień na rgba(3, 153, 216, .8)

https://css-tricks.com/the-power-of-rgba/

0

dzięki, wszystko jasne :)

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