Překrytí jedoho divu druhým

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

(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

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š

(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

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

Prodej Více

Prodej zavedené domény e-chujoviny.cz, ideální pro karnevalové kostýmy, párty a dárky

2 999 Kč

0 příhozů

Prodej prémiové domény s historií susenepochoutky.cz

1 999 Kč

0 příhozů

ADULT WEB S UMĚLOU INTELIGENCÍ 🤖 – VYBUDUJTE SI PASIVNÍ PŘÍJEM 💸

19 999 Kč

0 příhozů

Prodám doménu www.druhaliga.sk – Ideální pro sportovní projekty!

1 399 Kč

0 příhozů

ZFB

15 000 Kč

0 příhozů

Poptávky Více

Hledám někoho na úpravu fotek ( realitních )

Hledáme specialistu na Meta Ads

Hledáme parťáka na vkládání obrázků do článků!

🎥 Hledáme 2 střihače pro Instagram Reels & TikTok & YouTube krátká a dlouhá videa

robot na odepisovani z gmailu

Pracovní nabídky Více

FE Developer – Angular (m/f)

Brno

IT Application Manager/Consultant

Brno, Praha

Hledáme PHP vývojáře se znalostí SuiteCRM / SugarCRM

Nabídky Více

🔥 Limitovaná nabídka: 🇨🇿 České sedací vaky a taburety s firemním brandingem

🖨️ Hledáte spolehlivého dodavatele prezentačních systémů a propagačních předmětů? Vyrábíme již od 1 kusu

🇨🇿 Česká kvalita na vašem e-shopu: Prodávejte bytový textil a dárky, které mají duši

Postarám se o Váš e-shop – produkty, UX i kompletní chod

Profesionální tvorba webových aplikací, skriptů a automatizací (.NET, C#, React, TypeScript, Windows)