Foros del Web - Ver Mensaje Individual - CSS+No se ve la imagen sobre un background con efecto hover

emprear · #4 (**permalink**) 03/11/2011, 16:10

En
http://www.apple.com/ipod/
no veo ningún efecto hover, solo lo de los links del menu
y esto

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">
/*<![CDATA[*/
div.boton{
width: 300px;
height: 300px;
text-align: center;
background-image: url('boton.jpg');
float: left;
}
div.boton:hover{
background-image: url('boton_hover.jpg');
}
/*]]>*/
</style>
</head>
<body>
<div class="boton">
<img src="titulo.jpg" width="300" height="150" /><br />
texto
</div>
</body>
</html>

muestra un div (que tiene una imagen de fondo), con una imagen dentro y un texto debajo de esa imagen y al hacer hover cambia el fondo del div

Mucho más no se me ocurre

Saludos