Hogyan lehet nem áttetsző képet varázsolni egy áttetsző div-be? Ha jól értem, akkor a div áttetszősége mindenképpen öröklődik a div-ben lévő elemekre, így például egy img-re is. Én pedig azt szeretném, hogy ez ne így legyen.
Hogyan lehet nem áttetsző képet varázsolni egy áttetsző div-be? Ha jól értem, akkor a div áttetszősége mindenképpen öröklődik a div-ben lévő elemekre, így például egy img-re is. Én pedig azt szeretném, hogy ez ne így legyen.
Próbáld a dven kívülre rakni, és a div fölé úsztatni az elemet. Vagy nem áttetsző divvel dolgozni, hanem pl. olyan divvel, amineka háttere egy áttetsző kép.
A ráúsztatás valóban működik, de nagyon gáz, ha sok képet kell pozicionálnom a másik div fölé külön divekben. Az áttetsző képes megoldással nem jutottam előre, mert nekem azt a hátteret is örökölte a kép is.
Pedig az img-nek nincs háttere, így azt nehezen örökli. A lényeg, hogy maga a div NE legyen áttetsző, csak használj egy 1*1 pixeles áttetsző képet háttérképnek.
Ez tuti biztosan működik.HTML kód:<div style="background-image:url(blank.jpg);background-repeat:repeat;"> <img src="http://example.com/image.jpg"> </div>
Ez valóban működik, csak bénáztam, mert egy külső div is már áttetsző volt, ami mindent áttetszővé tett, de abban is kicseréltem az átlátszó képre a hátteret és most már szuper. Nagyon köszönöm!
Praktikusabb megoldásként a képed z-index értékét egyel feljebb állítottam volna
Szerintem ha az egész div, úgy ahogy van, átlátszó, akkor tök mindegy, hogy a benne lévő elemeknek milyen a z-indexe, mindenképp öröklik az átlátszóságot. (Meg amúgy sem érne semmit a z-index, hsz itt egy divről, és benne lévő képről van szó alapvetően, a problémát kicsibe lebontva, egy elemnél meg aztán oly mindegy a z-index.)
csak megkerülő megoldások vannak:
a) background: rgba(0,10,100) így a háttér lesz csak átlátszó
b) a képet position:absolute -tal az átlátszó div fölé rakni
c) jQuery-vel a fentieket dinamikusan (oldalbetöltés közben)
Remélem ez elegendő.
Könyvjelzők