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 eshopu a zásob společenských šatů celebre.cz

79 000 Kč

0 příhozů

Prodej domény nemeckyonline.cz

1 700 Kč

0 příhozů

Nabízím k prodeji herní portál Gameboom.eu – Více než 25 tisíc her

3 500 Kč

0 příhozů

Hotový web pro výkup nemovitostí (snadny-prodej.cz)

20 000 Kč

0 příhozů

Na prodej: dropshipping e-shop Sportdoplnky.cz

14 900 Kč

0 příhozů

Poptávky Více

Hledáme SEO experta pro analýzu a optimalizaci webové stránky

analýza a optimalizace wordpress webu a pluginů

Hledám WP specialistu: nechodí e-maily z kontaktního formuláře po zapnutí Cloudflare (APO) + odeslané maily z pošty nejsou doručeny

Vývoj lean MVP mobilní aplikace (Flutter / React Native)

Hledá se spolehlivý a zkušený kolega na převoz vozidel po Praze

Pracovní nabídky Více

IT/BUSINESS ANALYTIK

Práce z domu, Praha

Webdesigner (senior) – Webflow

Práce z domu

30 000 - 70 000 Kč

Online marketing – PPC specialista

Brno

🚀 Hledáme PPC Specialist Senior – META

Praha

🚀 Hledáme PPC Specialist Senior – Google Ads

Praha

Nabídky Více

Systém inzertního serveru formou SW řešení

🔍 SEO OPTIMALIZACE – Zvyšte viditelnost vašeho webu

Dodavatel krabic a obalů z vlnitých lepenek

Copywriting – čtivé články pro vaše magazíny

Vývoj webových aplikací na míru (CRM, sklad, reality, rezervace apod.)