Tema: Peleando con un efecto para incluir un menu sobre una imagen al posicionarme encima
Ver Mensaje Individual
  #2 (permalink)  
Antiguo 28/05/2011, 21:39
Avatar de abimaelrc
abimaelrc
Colaborador
  
Fecha de Ingreso: mayo-2009
Ubicación: En el planeta de Puerto Rico
Mensajes: 14.734
Antigüedad: 15 años, 8 meses
Puntos: 1517
Respuesta: Peleando con un efecto para incluir un menu sobre una imagen al posicionar
¿Algo así?
Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html>
  3. <head>
  4. <style>
  5. *{ margin: 0; padding: 0; }
  6. #content-img{
  7.     position: relative;
  8.     width: 566px;
  9.     height: 424px;
  10. }
  11. #content-img:hover .edit{
  12.     background: transparent url(http://www.patentauction.com/images/edit.png) no-repeat center;
  13.     width: 32px;
  14.     height: 32px;
  15.     position: absolute;
  16.     right: 15px;
  17.     bottom: 15px;
  18. }
  19. </style>
  20. </head>
  21. <body>
  22. <div id="wrap">
  23.     <div id="content-img">
  24.         <img src="http://cookfoodie.com/storage/2011/5/19/Ax6RX_medium.JPG" />
  25.         <a href="#" class="edit" title="editar"></a>
  26.     </div>
  27. </div>
  28. </body>
  29. </html>
__________________
Verifica antes de preguntar.
Los verdaderos amigos se hieren con la verdad, para no perderlos con la mentira. - Eugenio Maria de Hostos