Käytän sivulla monia eriaisia diveja jne.
Miten css:llä voisi määrittää jonkun elementin (vaikkapa iframen)
niin, että se olisi ihan "takimmaisena" sisältöä koko sivulla.
Eli esim. kun jonkinlainen onmouseover pop-up laatikko tulee näkyviin, niin
se menisi iframen päälle,eikä menisi piiloon iframen taakse.
Kuinka onnistuu css:llä?
En ole aivan varma, mihin kaikkiin elementteihin tämä tepsii, mutta z-index:llä pitäisi hoitua.
Esimerkiksi siis
style="z-index: 1;"
Taitaapi olla niin, että jos haluat yhden elementin kaikkien muiden taakse, täytyy eka määritellä muille elementeille tätä suurempi z-index -arvo. Kun taas toisinpäin riittää, että vain edessä olevalle elementille määritetään suurempi arvo. Kokeilemalla selviää :-)
position: absolute taitaa vaatia toimiakseen ja jotta saisit yhden muiden taakse/eteen kannattaa asettaa bodylle z-index ja sitten vain sille tietylle elementille isompi/pienempi tarpeen mukaan.
1) Myöhemmin sivulla olevat elementit piirretään päällimmäisemmiksi
2) Absoluuttisesti (absolute), suhteellisesti (relative) ja paikalleen (fixed) sijoitetut elementit piirretään päällemmäksi (kohdan 1 sääntö pätee niiden välillä)
3) z-index -arvolla voidaan muuttaa piirtojärjestystä siten, että -1 sijoittaa elementin taaemmaksi, 0 on oletusarvo ja 1 nostaa piirtojärjestyksen tärkeämmäksi. Lukuja voi myös kasvattaa, z-index toimii kerroksittain.
4) MUTTA selaimissa on toteutuseroja sekä bugeja z-indexin suhteen, mikä voi aiheuttaa päänsärkyjä ("jee, nyt se toimii IE:llä! eikun kele, nyt Opera ei toimi, voi kakka!"). Eroja löytyy mm. z-indeksoidun isäntäelementin lapsielementtien z-indeksien tärkeydessä suhteessa toisten saman tason isäntäelementtien z-indeksien lapsielementteihin (jos pysyt kärryillä siitä mitä tuo tarkoittaa, niin erinomaista).
Aihe on jo aika vanha, joten et voi enää vastata siihen.