Ver Mensaje Individual
  #3 (permalink)  
Antiguo 25/11/2013, 08:28
Avatar de ceaped
ceaped
 
Fecha de Ingreso: febrero-2004
Mensajes: 2.185
Antigüedad: 20 años, 3 meses
Puntos: 9
Respuesta: Botón con .css no me funciona bien enIE

Hola pzin
Tengo un botón asi:

Código HTML:
Ver original
  1. <div class="item_btn_1">
  2.     <a class="titulo_btn_1" href="#">
  3.     Texto...
  4.     </a></div>

Este el el .css para el botón:

Código CSS:
Ver original
  1. .item_btn_1{
  2.     background-color: #C5D163;
  3.     background-image: url(../images/unidad_1.png);
  4.     background-repeat: no-repeat;
  5.     background-position: center center;
  6.     width: 80px;
  7.     height: 80px;
  8.     position: absolute;
  9.     opacity: 100;
  10.     -webkit-border-radius: 100px;
  11.     -moz-border-radius: 100px;
  12.     -o-border-radius: 100px;
  13.     border-radius: 100px;
  14.     }
  15.  
  16. .item_btn_1 a{
  17.     position: absolute;
  18.     text-decoration: none;
  19.     }
  20.  
  21. .item_btn_1:hover {
  22.     background-color: #D5DE8D;
  23.     }

Y este el .css para cuando paso el mouse por encima del botón:

Código CSS:
Ver original
  1. .titulo_btn_1{
  2.     font-family: Arial;
  3.     color: #000;
  4.     background-color: #C5D163;
  5.     width: 225px;
  6.     margin-top:-50px;
  7.     margin-left: -70px;
  8.     position: absolute;
  9.     z-index: -9999;
  10.     opacity: 0;
  11.     box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
  12.     text-align: center;
  13.     -webkit-border-radius: 100px;
  14.     -moz-border-radius: 100px;
  15.     -o-border-radius: 100px;
  16.     border-radius: 100px;
  17.     -webkit-transition: all 1s;
  18.     -moz-transition: all 1s;
  19.     -o-transition: all 1s;
  20.     -ms-transition: all 1s;
  21.     transition: all 1s;
  22.     float: left;
  23.     }

En Chrome, Safari y Firefox funciona bien, pero en IE no.
Cuando paso el mouse por encima del botón en IE también se comporta como botón el toolTip que se abre, queda como zona activa.

¿Cómo hago para que no quede activo el toolTip (cuando paso el mosue por encima del botón) en IE?

Gracias por tu ayuda
__________________
Diseñador Gráfico publicitario