http://fsardella.altervista.org/
Ho creato un menù a immagine messo insieme e separato con una mappa immagine in css:
codice:
/* Menu */
#menu {position: relative; background: url(images/menu.png) no-repeat; list-style-type: none; margin: 0px; padding: 0px; width: 744px; height: 41px; filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;}
#menu:hover {position: relative; background: url(images/menu.png) no-repeat; list-style-type: none; margin: 0px; padding: 0px; width: 744px; height: 41px; filter:alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85;}
#menu li {display: block; position: absolute; margin: 0px; padding: 0px;}
#home {top: 0px; left: 0px; width: 129px; height: 41px;}
#about_me {top: 0px; left: 157px; width: 219px; height: 41px;}
#works {top: 0px; left: 376px; width: 140px; height: 41px;}
#contact {top: 0px; right: 0px; width: 172px; height: 41px;}
#menu a {display: block; width: 100%; height: 100%;}
Ho impostato un hover per il menù, con l'unica differenza di opacità, ma vorrei che si spegnesse soltanto la parte in cui si passa, non tutto il menù. Come posso fare?