Salve,
cercando in rete ho inserito del codice CSS per far si che su di un link (al passaggio del mouse) appaia un layer con dentro un'immagine. Questo il codice:
Su Firefox funziona tutto alla grande. Su IE ho dei problemi. Infatti il link al quale è applicata la classe "screen" si trova all'interno di una tabella contenuta in un DIV con scroll.. e quando muovo lo scroll il link o sparisce oppure rimane sempre in primo piano in alto della pagina o in basso. Su IE7 quando ci si ripassa sopra torna in posizione corretta. Come devo muovermi per dare un minimo di compatibilità anche col browser Microsoft?Codice PHP:
a.screen, a.screen:visited {
position:relative;
z-index:1;
font-size:12px;
font : Helvetica, sans-serif;
letter-spacing:;
color: orange;
text-decoration:underline;
}
a.screen b {
position:absolute;
visibility:hidden; /* hide the image */
width:151px; /* give it a width */
height:0; /* no height to solve an Opera bug that
makes it selectable when hidden */
border:4px solid green; /* add a border */
left:20; /* position:the image */
top:-50px;
}
a.screen:hover {
border:0; /* needed for this to work in IE */
z-index:1000;
font-size:12px;
font : Helvetica, sans-serif;
letter-spacing:;
color:#FFCC00;
text-decoration:underline;
}
a.screen:hover b {
visibility:visible; /* make the image visible */
height:34px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500;
}
a.screen:hover b img {
border:0; /* remove the link border */
}
Grazie

Rispondi quotando