Código:
Luego como ie7 tiene algunos bugs con la pseudo-clase over lo que hago es hacerlo todo con jQuery que se supone es cross-browser.<div id="menu"> <ul> <li><a href="<?php echo base_url() . 'admin/inicio' ?>">Inicio</a></li> <li><a href="<?php echo base_url() . 'admin/productos' ?>">Productos</a></li> <li><a href="<?php echo base_url() . 'admin/soluciones' ?>">Soluciones</a></li> <li><a href="<?php echo base_url() . 'admin/noticias' ?>">Noticias</a></li> <li><a href="<?php echo base_url() . 'admin/soporte' ?>">Soporte</a></li> <li><a href="<?php echo base_url() . 'admin/descargas' ?>">Descargas</a></li> <li><a href="<?php echo base_url() . 'admin/boletines' ?>">Boletines</a></li> <li><a href="<?php echo base_url() . 'admin/imagenes' ?>">Imagenes</a></li> <li><a href="<?php echo base_url() . 'admin/clientes' ?>">Clientes</a></li> </ul> </div>
Y tengo el siguiente codigo:
Código:
Pues bien, funciona todo correcto menos el atributo "color".<script> $('#menu li') .hover ( function() { $(this).addClass('menu-item-hover'); $(this).css('color','#FFFFFF'); } , function() { $(this).removeClass('menu-item-hover'); $(this).css('color','#271A6F'); } ); if(jQuery.browser.version < 8) { $("#menu li").css ({ 'lineHeight': '40px', 'position':'relative', 'bottom' : '13px', 'right' : '3px' }); } </script>
He probado de mil maneras, meterlo dentro de la clase menu-item-hover, sacarlo, ponerlo como atributo... ya no se que hacer... a ver si alguien me ayuda.