isicu wrote:
> je to pravda, vyzkousela jsem ten z-index. Vytvorila jsem html se
> dvema vrstvami a te, co jsem chtela aby byla vespod jsem priradila
> z-index -1. Na ni jsem pak dala dalsi vrstvu stejne velikosti a
> opravdu to funguje. Jde to i s vice vrstvama, vzdycky ta
> nejspodnejsi ma nejvyssi zaporne cislo. Problem akorat je, ze
> vrstvy se zapornym z-indexem nezobrazuje Mozilla :-( IE6 a Opera
> 7.11 to zvladaji. Vice o moznych problemech pise Yuhu na
> www.jakpsatweb.cz - sekce CSS - pozicovani - Prekryvani (z-index).
-----------------------------
prvne jsem nechtel na tento thread reagovat, protoze kdyz slysim
vrstvy v html tak se mi zjezi vsechny vlasy na hlave (jeste vic nez
normalne), nebot si predstavim divne rozsireni ilayer u NN4+. v html
ZADNE vrstvy neexistuji. to ze stylovy predpis umi toto 'nejak
vykouzlit' je jina vec, ale nema to souvislost s html. a css tomu
nerika vsrty, ale hladina nebo uroven.
a zaporne cisla: zakladni hodnota z-index je nula, tzn. ze ta nula
plati i pro, rekneme, element body. takze pokud se zada zaporny
z-index, tak by se ten objekt mel nachazet pod elementem body. a
protoze body ma (vetsinou) nejakou barvu, tak to co je pod nim se
nemuze zobrazit. leda, ze by body bylo pruhledne, pak by se mohlo
zobrazit i to co je pod nim. specifikace sice nerika, ze to nemuze byt
zaporne cislo, rika jen, ze to je cele cislo
takze v tvem pripade by obrazek mel z-index treba 1 a to nad nim 2.
ale uvedom si, co to zpusobi pri prohlizeni stranky bez styloveho
predpisu! bude obrazek, pak to co je ve visulu nad nim. to je dost
nepekne nemyslis. nehlede na to, ze ten obrazek nebude mit zadnou
informacni hodnotu.
lepsi bude, aby ten obrazek byl na pozadi a byl definovan ve stylovem
predpisu, napr. obrazek, ktery se nebude opakovat a bude umistnen
nahore uprostred:
<style type="text/css">
table {background: url(image.xxx) no-repeat top center; }
</style>
<table><tr><td>neco</td></tr></table>
pokud bude vic tabulek, tak tato muze mit nejaky identifikator:
<style type="text/css">
table#bgr {background: url(image.xxx) no-repeat top center; }
</style>
<table id="bgr"><tr><td>neco</td></tr></table>
a pokud bude vic takulek s timto pozadim, tak to bude jako trida:
<style type="text/css">
table.bgr {background: url(image.xxx) no-repeat top center; }
</style>
<table class="bgr"><tr><td>neco</td></tr></table>
<table class="bgr"><tr><td>necojineho</td></tr></table>
pripadne to nemusi byt tabulka, ale napr. kontejner obsahujici to co
potrebujes:
<style type="text/css">
div#bgr {background: url(image.xxx) no-repeat top center; }
</style>
<div id="bgr"> necocochces </div>
to jest ode mne asi tak vse ;)
- h! -
http://www.hyneklipa.cz/
This archive was generated by hypermail 2.1.3 : 30. 06. 2003, 10:56 CEST