Problema opacity filter en IE7

[hector_he]

Código PHP:

  /* image gallery with css opacity filter */ 
.gallery{ 
padding:0px; 
margin-bottom:12px; 
} 
.gallery ul { 
margin:0px; 
padding:0px; 
} 
.gallery li { 
margin:0px; 
padding:0px; 
float:left; 
} 
.gallery li a{ 
margin:4px; 
padding:0px; 
display:block; 
filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50!important; 
} 
.gallery li a:hover{ 
filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0; 
}  
   

En IE7 no funciona el filtro en un elemnto de la lista a, en canvio si lo pones por ejemplo, en .gallery li, si que funciona.
Porque no funciona en los elemntos con vinculo?

Gracias

[j0nys]

A ver si entiendo, tu problema es solo en IE7 y en los enlaces que se encuentran en una lista?

En que otros navegadores lo probaste?

[j0nys]

Hola yo de nuevo, estube viendo sobre el problema, lo probe con mozilla y anda, y en IE7, como era de esperarce, no!!.

Viendo en w3schools vi que los ejemplos le pone siempre medidas a los bloques y si se las sacas las propidades de filter no andan, por lo tanto le puse al link un alto en el estilo y ahi andubo. Osea quedaria algo asi:

.gallery li a{
height: 20px;
margin:4px;
padding:0px;
display:block;
filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50!important;
}
.gallery li a:hover{
height: 20px;
filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0!important;
}

Fijate que le agrege height: 20px; y con eso anda, lo mismo si le agrego ancho width, con cualquiera de los dos o ambos anda, exepto si los dejamos en auto. No probe si hay otra propiedad con la que ande, habria que probarlo.

No tengo idea porque, pero anda. Será por esas locuras de Microsoft.


Nos vemos

J0nys

[DragonX]

pero funcionan fuera del elemento LI, si lo pongo en una clase funciona???

[j0nys]

Yo lo probe con un div y en IE7, si no le ponía algún valor a algunas de las propiedades width o height no andaba.

Repito, no tengo idea porque esto.

J0nys