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 katalogu Rychlavyuka.cz – soukromí učitelé z celé ČR.

80 000 Kč

0 příhozů

Prodej webu Horoskop 24/7 – Automatizovaný portál (AI) s horoskopy pomocí ChatGPT

4 900 Kč

0 příhozů

Inzertní server Rajbazar.cz

7 000 Kč

0 příhozů

INTELLIGENT FOOD | JIDLO ZE SUPERPOTRAVIN | E-SHOP Inteligentního jídla

15 000 Kč

0 příhozů

chystamesvatbu.cz

1 990 Kč

0 příhozů

Poptávky Více

Správa FB a Insta

Návrh projektu: Inovativní inzertní bazar s integrací kryptoměn a mobilní aplikací

Rekonstrukce e-shopu

Poptávám: vytvoření webové prezentace naší společnosti

Hledám Python nebo React.js vývojáře, kteří chtějí růst s námi

Pracovní nabídky Více

SYSTEM TEST ENGINEER

Práce z domu, Praha

AUTOMATIZAČNÍ TESTER – Payments Processing

Ostrava, Práce z domu

60 000 - 80 000 Kč

IT vedoucí / Team leader SW

Ostrava

80 000 - 150 000 Kč

Nabídky Více

Korektura textu

✅ Webovky snadno! Kompletní servis od hostingu po podporu ☀️ LETNÍ SLEVA 10 % ☀️

TVORBA REKLAMNÍCH BANNERŮ/ PPC a GOOGLE ADS KAMPANĚ/ CAROUSELY/ A JINÉ

🧨 Freelance graphic designer – print, bannery, typography, packaging, logos, licensed products, social media content..

🔥TVORBA A SPRÁVA WEBOVÝCH STRÁNEK 💻 RYCHLE, LEVNĚ A KVALITNĚ – STRÁNKYRYCHLE.CZ 🚀