Ver Mensaje Individual
  #2 (permalink)  
Antiguo 13/02/2010, 18:04
Sintak
 
Fecha de Ingreso: marzo-2008
Mensajes: 56
Antigüedad: 16 años, 1 mes
Puntos: 0
Respuesta: duda existencial con rollover accesible

Vale, se me ocurrio una idea pero no funciona, no se porque, alguien mas experimentado querría dar su idea?

este es el código:

Código HTML:
Ver original
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2.   <head>
  3.   <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  4.   <title>rollover accesible en css</title>
Código CSS:
Ver original
  1. <style type="text/css" charset="ISO-8859-1" >
  2. .ejemplo {
  3. width:140px;
  4. height:140px;
  5. background-image:url('fondo.png');
  6. }
  7. .ejemplo a {
  8. width:140px;
  9. height:140px;
  10. z-index:2;
  11. }
  12. .ejemplo img {
  13. width:140px;
  14. height:140px;
  15. }
  16. .ejemplo a.hover img {
  17. width:140px;
  18. height:140px;
  19. display:none;
  20. visibility:hidden;
  21. z-index:1;
  22. }
  23. </style>
Código HTML:
Ver original
  1. </head>
  2.   <body>
  3.   <div id="ejemplo" >
  4.   <a href="#" id="ejemplo"><img src="img2bn.jpg" width="140px" height="140px" /></a>
  5.   </div>
  6.   </body>
  7. </html>

Moderadores, podeis mover esto a HTML o CSS?

Gracias