Zadejte hledaný výraz...

Překrytí jedoho divu druhým

Kloban
verified
rating uzivatele
17. 10. 2014 15:52:27
Ahoj, mám div, jehož obsah a tedy i velikost se mění. Je pozicován relativně. Takže v závislosti na ostatním obsahu stránky může měnit i pozici.
Tento div potřebuju překrýt jiným divem a ten si z-indexem napozicuji nad něj. Jak zajistit, aby se tento druhý div zobrazil přesně nad ním a celý ho překryl? Dá se to řešit čistě v CSS?
Díky za rady.
17. 10. 2014 15:52:27
https://webtrh.cz/diskuse/prekryti-jedoho-divu-druhym#reply1062303
Aleš Trunda
verified
rating uzivatele
(16 hodnocení)
17. 10. 2014 16:36:58
Určitě a velice jednoduše - absolutní pozice a velikost 100%
17. 10. 2014 16:36:58
https://webtrh.cz/diskuse/prekryti-jedoho-divu-druhym#reply1062302
Kloban
verified
rating uzivatele
17. 10. 2014 17:18:22
Mám toto html:
a toto css:
Což samozřejmě udělá to, že to překryje šedš celou obrazovku. Nerozumím jak to napozicovat jen na ten element "obsah".
17. 10. 2014 17:18:22
https://webtrh.cz/diskuse/prekryti-jedoho-divu-druhym#reply1062301
Jiří Lekeš
verified
rating uzivatele
(16 hodnocení)
17. 10. 2014 18:07:24
musíš mít uvnitř boxu
a obsah musí mít position:relative;
17. 10. 2014 18:07:24
https://webtrh.cz/diskuse/prekryti-jedoho-divu-druhym#reply1062300
Kloban
verified
rating uzivatele
17. 10. 2014 18:31:58
Supr díky.
Výsledek je tedy takovýto:
text zobrazený místo obrázku
.cover{
background-color:gray;
position: absolute;
z-index: 1001;
width: 100%;
height:100%;
}
.obsah{
position: relative;
}
17. 10. 2014 18:31:58
https://webtrh.cz/diskuse/prekryti-jedoho-divu-druhym#reply1062299
Pro odpověď se přihlašte.
Přihlásit