Ik zit net een beetje te fröbelen met een dingetje wat plaatjes in en out moet faden, maar ik krijg Firefox niet zover dat hij snapt wat ik bedoel met de z-index. Het probleem is heel eenvoudig te reproduceren:
Als je dit zou doen in IE zou de smile.gif bovenaan komen te staan vanwege de hogere z-index. Bij FireFox komt echter altijd degene die bovenaan staat in de HTML (in dit geval dus de frown) bovenop de ander te staan. Als je ze omwisselt:
maakt het in IE geen verschil (lijkt mij logisch) maar in FireFox komt dan de smile "bovenop" te staan.
Is er iets wat ik niet weet over z-indexen?
HTML:
1
2
| <img style="position:absolute;" src="http://gathering.tweakers.net/global/smileys/frown.gif" style="z-index:1;" /> <img style="position:absolute;" src="http://gathering.tweakers.net/global/smileys/smile.gif" style="z-index:2;" /> |
Als je dit zou doen in IE zou de smile.gif bovenaan komen te staan vanwege de hogere z-index. Bij FireFox komt echter altijd degene die bovenaan staat in de HTML (in dit geval dus de frown) bovenop de ander te staan. Als je ze omwisselt:
HTML:
1
2
| <img style="position:absolute;" src="http://gathering.tweakers.net/global/smileys/smile.gif" style="z-index:2;" /> <img style="position:absolute;" src="http://gathering.tweakers.net/global/smileys/frown.gif" style="z-index:1;" /> |
maakt het in IE geen verschil (lijkt mij logisch) maar in FireFox komt dan de smile "bovenop" te staan.
Is er iets wat ik niet weet over z-indexen?
Music is the pleasure the human mind experiences from counting without being aware that it is counting
~ Gottfried Leibniz