Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    Menù in CSS non visibile in IE6

    Ciao a tutti,

    se vedete sul mio sito www.parabeat.it notere il menù a tendina. Questo è fatto tutto in CSS. Purtroppo con IE6 (oltre a non vedersi la grafica perché fatta con le trasparenze... ma la sistemazione è in lavorazione) non è possibile interagire con questo!

    Vi posto il codice del menù
    codice:
    /* CSS per il menu a tendina */
    
    	/* main */
    	#menu {
    	width: 840px;
    	height:20px;
    	background: url(../layout/menu/sfondoMenu.jpg) repeat-x;
    	border: 1px #FFFFFF solid;
    	clear:both;
    	}
    	
    	#menu ul {
    	list-style: none;
    	margin: 0;
    	padding: 0;
    	width: 115px;
    	float:left;
    	}
    	
    	#menu a, #menu h2 {
    	font: bold 11px/16px arial, helvetica, sans-serif;
    	display: block;
    	margin: 0;
    	padding: 1px 3px;
    	}
    	
    	#menu h2 {
    	color: #fff;
    	background: url(../layout/menu/sfondoMenu.jpg) repeat-x;
    	text-transform: uppercase;
    	text-align:center;
    	cursor:pointer;
    	}
    	
    	#menu a {
    	color: #FFF;
    	background: #0c13b4;
    	text-decoration: none;
    	text-align:left;
    	padding: 0px 3px;
    	height:21px;
    	line-height:21px;
    	}
    	
    	#menu a:hover {
    	color: #FFF;
    	background: url(../layout/menu/TendinaFondo2.jpg) no-repeat #4ed461;
    	}
    
    	/*Positioning the Popout Menus and Dropdown Menus*/
    	#menu li {
    	position: relative;
    	min-width:150px;
    	}
    	
    	#menu ul ul {
    	position: absolute;
    	z-index: 500;
    	min-width:150px;
    	border: 1px #FFF solid;
    	}
    	
    	#menu ul ul ul {
    	top: 0;
    	left: 100%;
    	min-width:150px;
    	border: 1px #FFF solid;
    	}
    
    	/*Hiding and Revealing using :hover*/
    	div#menu ul ul,
    	div#menu ul li:hover ul ul,
    	div#menu ul ul li:hover ul ul
    	{display: none;}
    	
    	div#menu ul li:hover ul,
    	div#menu ul ul li:hover ul,
    	div#menu ul ul ul li:hover ul
    	{display: block;}
    /*Fine menu*/
    Qualcuno può aiutarmi a farlo visualizzare anke su IE6?
    Grazie mille in anticipo.
    Flash Developer for Rich Media
    PHP, jQuery Developer

  2. #2
    Internet Explorer 6 non rileva :hover se non sul tag A.
    Ogni altro elemento non "accende" l'evento mouseover in modo tale da essere riconosciuto come :hover.
    Per far questo hai due soluzioni: utilizzare un javascript come descritto QUI
    o utilizzare Whatever:hover
    A meno che tu non voglia riscriverti lo script!

  3. #3
    il whatever:hover c'è già nel sito in questione... proverò il javascript e vi farò sapere, grazie ^_^
    Flash Developer for Rich Media
    PHP, jQuery Developer

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.