z-index

  • Creatore Discussione Creatore Discussione filomeni
  • Data di inizio Data di inizio

filomeni

Moderatore
Membro dello Staff
MOD
14 Mag 2006
1.055
6
38
54
Roseto degli Abruzzi (TE)
www.sitiweb.cloud
un problema che fa sbattre la capoccia sullo spigolo!!!
come al solito ci sono incompatibilità con i browser, di sovente è IE che non "capisce" i css, questa volta invece IE legge bene il livello z-index e gli altri browser non lo leggono correttamente! il codice:
Codice:
#box_flip
{
    position: fixed;
    top: 0;
    left: 0;
    width: 50%;
    height:50%;
    background-color: #ccc;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	z-index:0;
}
#shared
{
position:fixed;
 top: 10px;
 right:350px;
width: 30%;
    height:50%;
background: url("http://www.bookbox.it/images/shared_facebook_rip.png") no-repeat;
z-index:3000;

}
#shared:hover
{
background: url("http://www.bookbox.it/images/shared_facebook_push.png") no-repeat;
}
il div con id: shared è evidentemente avanti al div:box_flip, bene come ho già detto con IE tutto ok, stramaledizione... perchè con firefox, safari, crome rimane dietro!
 
senza html è dura da indovinare
ma direi che hai un div dentro un altro
quindi ti sei ficcato in una zona oscura
dove per alcuni browser entra in gioco lo stack order
io cercherei un'alternativa :)
 
Ciao,
vediamo se riesco a risolvere... i div non sono annidati, e lo z-index per altri div funziona! (ho fatto dei test). Quello che ho notato non funziona esclusivamente con l'id "box_flip" il quale contiene un elemento flash, riporto l'html:
Codice:
<body bgcolor="#000000"><a href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fwww.bookbox.it%2FFP%2FMain.php%3FMagID%3D<?php echo $MagID ?>%26MagNo%3D<?php echo $MagNo ?>"><div id="shared"></div></a><div id="box_flip"><script type="text/javascript">
AC_FL_RunContent( 'codebase','http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0','width','100%','height','100%','src','swf/Magazine.swf?userID=1&MagID=<?php echo $MagID ?>&MagNo=<?php echo $MagNo ?>','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','bgcolor','#cccccc','allowFullScreen','true','allowScriptAccess','sameDomain','movie','swf/Magazine?MagID=<?php echo $MagID ?>&MagNo=<?php echo $MagNo ?>' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0">
  <param name="movie" value="swf/Magazine.swf?MagID=<?php echo $MagID ?>&MagNo=<?php echo $MagNo ?>" />
  <param name="quality" value="high" />
  <param name="bgcolor" value="#cccccc" />
  <param name="allowFullScreen" value="true" />
  <param name="allowScriptAccess" value="sameDomain" />
  <embed src="swf/Magazine.swf?MagID=<?php echo $MagID ?>&MagNo=<?php echo $MagNo ?>" width="100%" height="100%" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" allowFullScreen="true" allowScriptAccess="sameDomain"></embed>
</object></noscript></div></body>
Se tolgo il componente flash lo z-index è regolare!
Questi sono i grandi misteri del web :confused:
 

Discussioni simili