0 szavazat
(120 pont) által 

Az alábbi oldalon egyfajta fejlécként használok egy div-et, amiben van egy img zászló ikon.
A problémám az, hogy ha a div-nek beállítok egy 0.5-ös opacity-t, akkor az ikon is transzparens lesz.
Ez idáig oké, mert örökli.
Az ikonhoz ezért beállítottam egy 1-es opacityt. Mindezt úgy, hogy a div esetén a CSS parancsot class-ra adtam meg, az img esetében pedig id-ra, feltételezve, hogy az utóbbi felülírja majd az előbbit.
De a zászló ennek ellenére transzparens.

Oldal: https://attix3.github.io/simple-quote-page/index.html

CSS:

.navbar {
background-color: grey;
opacity: 0.5;
text-align: right;
height: 50px;
}
#flag {
width: 40px;
height: 40px;
margin: 5px 20px;
opacity: 1;
}

1 válasz

0 szavazat
(540 pont) által 
által szerkesztett

Szia!

Ilyen zászlóst csináltam én is, csak nekem nem a fejlécben voltak.
Én a HTML-be írtam bele, az img tag-be

style="opacity: 1.0" formában.

Link: https://sandor-farkas.github.io/simple-quote-page/index-hu.html

...