Hola.Estoy tratando de hacer que una imagen cambie al pasar el ratón por encima. Utilizo el siguiente código:
<html>
<head>
<title>Documento sin título</title>
<style type="text/css">
<!--
body {margin: 10px; padding: 0; font:10px Verdana, sans-serif;}
ul {
list-style-type: none;
}
.cabecera li {
float: left;
}
.cabecera a {
margin: 0 2px;
width:400px;
height: 200px;
display: block;
border: 0px;
background:url(C:\Documents and Settings\usuario\Mis documentos\bernardos\BERMARDOS 04 054 PUERTA PRINCIAPLA DEL YACIMIENTO.jpg);
}
.cabecera a:hover {
background:url(C:\Documents and Settings\usuario\Mis documentos\bernardos\BERMARDOS 04 054 PUERTA PRINCIAPpastel.jpg);
border: 0px;
}
-->
</style>
</head>
<body>
<div id="menuarriba" style="position:absolute; width:621px; height:57px; z-index:2; left: 185px; top: 259px;">
<ul class="cabecera">
<li><a href=""></a></li>
</ul>
</ul>
</div>
</body>
</html>
El caso es que al hacer la vista previa me funciona con Explorer pero no con Mozilla y pienso que debería funcionar en ambos. De hecho si cambio las url por colores si funciona y juraría que hace algún tiempo lo he hecho con imágenes también.
