Autor Zpráva
Fusion
Profil *
zdravím,

ono vyskytol sa u mňa jeden problém so atribútom z-index a napriek jednoduchosti nechápem prečo nefunguje tak ako má:

CSS:
 body {
  background-image:url(./obrazky/pozadie_textura.jpg);
  text-align:center;
  margin:0px;
  padding:0px;
  }
  
  #konvicka { 
  z-index: 1;
  position:relative;
  top:-290px;
  left:430px;
  margin:0px auto;
  background-image:url(./obrazky/konvicka.png);
  width:187px;
  height:274px;
  }
  
  #obal {
  z-index: 2;
  font-family:arial, helvetica,sans-serif;
  font-size:12px;
  color:#6f6f6f;
  width:785px;
  margin:0px auto;
  }

HTML
  <div id="obal"> (tu su vnorene dalsie divka)</div>
  <div id="konvicka"></div>

napriek tomu že Obal má menší z-index než Konvicka, konvička je navrchu a tento stav sa nezmení ani keď nastavím divku konvicka z-index hodnotu dvoch miliónov. Viete mi niekto s týmto pomôcť prosím?

Moderátor Chamurappi: Titulek „Z-index wtf..?“ nevystihuje podstatu dotazu. Příště zkus prosím vymyslet lepší.
Fusion
Profil *
hops.. ospravdlňujem sa za preklep... obal ma hodnotu 1 a konvicka 2
__construct
Profil
Prosím o odkaz na živú ukážku.
Chamurappi
Profil
Vymysli lepší název pro svůj dotaz než „Z-index wtf..?“, napiš ho sem a já vlákno přejmenuji. Jinak bude za hodinu smazáno.
Fusion
Profil *
z-index problém? mne je jedno, alebo zmaž to wtf keď to vadí. ono čo sa živej ukážky týka teraz nejaký čas budem preč ale pošlem ju čím skôr. Nemyslím si ale že bude nejak relevantná štýlopis problémových buniek som tu už uviedol.
Chamurappi
Profil
z-index problém?
Nevyhovuje. Titulek vol tak, aby vystihoval podstatu dotazu — je nejdůležitější součástí stránky. Zbývá ti 42 minut.

Tentokrát jde z kódu poznat, v čem děláš chybu, i bez živé ukázky.
margin
Profil *
Funguje to, jak má rtfm!!!
Fusion
Profil *
rád by som využil zvyšných 42 minút pridaním živej ukážky:)

ono tu je živá ukážka: Odkaz - tá konvička by mala prekrývať telo stránky ale neprekrýva:(

Chamurapi, ono myslím si že to nie je až tak strašné, už som tu videl toľko odkazov na topic typu "margin nefunguje jak má" a neboli zmazane ani premenovane. Nechápem o koľko relevantnejší bude tento topic keď by bol pomenovanýz-index problém. Bohužial problém sa týka samotnej hlavnej funckie z-indexu, tak neviem čo iné by tam malo byt lepšie napísať než niečo typu z-index nefunguje a pod.
Railbot
Profil
Fusion:
Myslíš, že spíš někdo bude hledat "z-index wtf" nebo třeba "prvky se nepřekrývají, jak mají - z-index problém"?
Fusion
Profil *
tak jak je možné že si to našiel a odpovedal? veď premenujte to keď je to tak dôležité, napr: prvky se nepřekrývají, jak mají - z-index problém"? :)
ale omnoho viac by mi pomohlo keby si mi vedel s tým pomôcť, potom by ste tento topic kľudne mohli zrušiť
holi
Profil *
Nevím ale co jsem se dočetl a učil tak prvke kde chceš používat Z-Index by měly bý absolutní tzn.
autobus{
position:absolute;
z-index: 3;
}
holi
Profil *
Fusion:
Myslím že by bylo lepší se nehádat Chamurrapi má pravdu. A ty se chováš dosti arogantně na to, že chceš pomoct, ten moderátor tu od něčeho je a chce tím, že s tebou vyřeší jeden problém pomoci více lidem co zde budou hledat aby nezakládal duplicitní témata.
holi
Profil *
Omlouvám se s tím absolutním pozicováním to není až tak pravda, smí se využít i relative a fixed. Zkus dát z-index na konec stylu a ne na začátek.
Fusion
Profil *
vyskúšal som zmeniť poradie atribútov v štýloch a atribút z-index bol posledný ale bohužial nič sa nestalo. Ono tiež to tak trochu nechápem, všetko by malo byť správne(aspoň teda podla jakpsatweb.cz) ale aj tak nefunguje to
Fusion
Profil *
hmmm, zistil som kde je paradoxne jednoduchý problém:

div obal musí mať tiež nastavené position:relative; zrejme inak ho nezobere z-index do úvahy. (asi mylne som sa domnieval, že štandardne prehliadače berú prvky akokeby mali nastavené position:relative;)
Railbot
Profil
Fusion:
Prvky mají standardně position:static a to ví každý prohlížeč.
Chamurappi
Profil
Reaguji na Fusiona:
ono tu je živá ukážka
Smazal jsi ji dříve, než jsi přišel na řešení, to není optimální postup.
Mimochodem, jsi si jistý, že chceš použít relativní pozicování? Kdykoliv vidím position: relative s leftem a topem, čichám průšvih. Má být pod obalem 274px místa?

div obal musí mať tiež nastavené position:relative; zrejme inak ho nezobere z-index do úvahy
Viz [#7], na JPW je to dokonce tučně. Výchozí hodnotu vlastnosti position tam najdeš také.

Nechápem o koľko relevantnejší bude tento topic keď by bol pomenovaný z-index problém
S takových titulkem bych tě seřval úplně stejně. Pokud příště zvolíš špatný titulek, smažu tě bez upozorňování.
Vlákno jsem přejmenoval s použitím tvých slov — proč jsi je takhle nepoužil sám? Asi ho přejmenuju ještě jednou, protože tvá slova zjevně říkají opak toho, co říkat chtěla.
Fusion
Profil *
hm ono popravde premýšľal som nad tým ako odstrániť tých 274px miesta ktoré je pod stránkou (čo je spôsobené konvičkou relatívne napozíciovanou), ono skusil som tam dať záporný margin, no nepomohlo to, stále sa tam tvorí tá medzera. Je to relatívne pozíciované preto lebo v tomto prípade potrebujem aby konvička vždy bola cca na spodu obsahu(čo sa darí, keďže je stále v správnej pozícii), keby tam bolo iné pozíciovanie tak by mala statické miesto, čo nebol môj zámer.

Aspoň ja nepoznám postup v ktorom by sa podobne dala umeistniť konvička na želané miesto bez použitia position:relative;.. ak nahodou niekto máte nápad ako sa tomu vyhnúť budem rád keď sa oňho podelíte:)

Moderátor panther: Nikdy nepoužívej více jak 2 „m“ za sebou, ani u „hm“. Děkuji.
panther
Profil
Fusion:
ak nahodou niekto máte nápad ako sa tomu vyhnúť budem rád keď sa oňho podelíte
když se ty s námi podělíš o odkaz na web, abych se mohl podívat, co kde zlobí, rád se s tebou podělím o případné řešení.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0