z-index

filomeni

Moderatore
Membro dello Staff
MOD
14 Mag 2006
1.052
6
38
50
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!
 

cory

Utente Attivo
31 Gen 2014
51
0
6
cory.altervista.org
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 :)
 

filomeni

Moderatore
Membro dello Staff
MOD
14 Mag 2006
1.052
6
38
50
Roseto degli Abruzzi (TE)
www.sitiweb.cloud
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
Autore Titolo Forum Risposte Data
F Caricamento index rotto PHP 1
S Errore PHP - Notice: Undefined index ... PHP 14
C Form email php su pagina index.html? PHP 21
Tommy03 Problema con z-index HTML e CSS 3
K La pagina index, si apre sul form e non al top page Javascript 0
maxnegri Eliminare url index.php con variabili e reindirizzare alla home del sito PHP 7
Y [Javascript] z-index popup accettazione cookie Javascript 1
L [Wordpress]Precedenza Index.php a Index.html WordPress 1
mferri PhpMyAdmin index page bianca PHP 0
A index.php errore PHP 3
K [PHP] Notice: Undefined index PHP 3
A [PHP] Undefined index dopo query dal server PHP 1
Q Notice: Undefined index: codice in C:\xampp\htdocs\STAGE\calendario\modifica.php on line 10 PHP 8
elpirata [PHP][RISOLTO] Errore di tipo Notice: Undefined index - Come risolvere quando si hanno tante var PHP 10
F includere parte html in index.php PHP 5
A errori scripts index.php PHP 42
MilanMilan [PHP] Notice:Undefined index PHP 2
A [WordPress] [HTML] Link in div con z-index inferiore WordPress 1
Fuego2806 [PHP] Icone template - index.php PHP 2
Fuego2806 Problema file index.php joomla PHP 1
O Fatal error: Call to undefined function testNome() in C:\xampp\...\...\index.php on line 51 PHP 4
F z-index menù HTML e CSS 4
Shyson Notice: Undefined index ma non trovo l'errore PHP 8
A Sottofondo musicale per pagina Index HTML e CSS 6
S Notice: Undefined index: azione in PHP 6
felino [Ajax/Jquery] Z-index su loading-image Ajax 1
F Problema opacity e z-index con immagine HTML e CSS 3
A [risolto] evitare refresh index dopo recaptcha sbagliato PHP 7
F Sito con una pagina index seo SEO e Posizionamento 0
emanuelevt incrementare z-index jQuery 0
Alessandro Le Mura Z-index css e java Javascript 5
J Problema con questo errore Error was: Undefined index: title linea 9 PHP 21
L problema con l'Undefined index per una $_GET PHP 6
F [risolto] z-index su piu div HTML e CSS 2
S Z-index HTML e CSS 8
S Modifica index HTML e CSS 2
DuneBuggy Come modificare index.html HTML e CSS 1
P Notice: Undefined index: PHP 11
Alessandro Le Mura Lista categorie index.php?categoria=nome PHP 4
P radiobutton e index undefined PHP 4
L Notice: Undefined index in versione classe PHP 1
L Risolvere i problemi dei messaggi:-> Notice: Undefined index PHP 3
C Nei risultati di google escono prima le pagine interne rispetto all'index SEO e Posizionamento 3
F Quale tag è quello giusto? <meta name="robots" content="index, follow"> oppure .... HTML e CSS 1
F Info tag "index, follow" HTML e CSS 17
F Tutte le pagine del mio spazio web devono avere gli stessi contenuti di "Index" SEO e Posizionamento 1
I Notice: Undefined index: utente in C: PHP 14
R Vendo spazio su pagina index a 50 euro per sempre Vendere e Acquistare pubblicita' online 0
P Link alla index sul logo WordPress 6
C inserzione di un file html in index HTML e CSS 2

Discussioni simili