Los enlaces se filtran a través de superposiciones DIV semitransparentes en IE8

Acabo de notar algo con IE8. Tengo una foto que es un enlace, y hay un div parcialmente transparente sobre la imagen (solo el tercio inferior más o menos) que usa este código CSS:

background: rgba(0, 0, 0, 0.7); /* handles the proper browsers */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2000000,endColorstr=#b2000000); /* for IE */

Desafortunadamente, al pasar el mouse sobre el div, el cursor es un puntero y hacer clic conduce al enlace de img. Si me deshago de ese filtro y solo hago el fondo # 000, funciona bien y la superposición evita cualquier clic. Este comportamiento no ocurre en Firefox o Chrome.

¿Cómo puedo solucionar este error?

EDITAR: ¡Tenga en cuenta que esto no es lo mismo que un div completo con su opacidad establecida en 0.7! Eso haría que el texto dentro de él (que tengo) también se desvanezca. Esto es estrictamente alfa de color de fondo.

Violín aquí: http://jsfiddle.net/csaltyj/dxTdq/

preguntado el 16 de mayo de 11 a las 19:05

Un poco difícil de entender lo que está pasando y lo que estás buscando. ¿Tiene un enlace que podamos ver? -

Confidencial. Déjame armar un violín ... -

1 Respuestas

He tenido el mismo problema. Tienes que usar un color opaco en el estilo y aplicar transparencia a través de jquery

OR

hacer un .png semitransparente como fondo del div

contestado el 17 de mayo de 11 a las 00:05

¿Cómo se puede configurar la opacidad del fondo a través de jQuery? Recuerde que estamos hablando de opacidad de fondo, no solo de opacidad antigua. $ ('# mydiv'). css ('opacidad', 0.7) no lograría el efecto deseado. - CaptSaltyJack

Ok, puedo pensar en otra forma: haga un div (#backdrop) dentro del div contenedor, y establezca #backdrop en una opacidad del negro de fondo al 70% a través de jQuery, y coloque otro div completamente transparente encima del que contiene el texto. De esa forma, el fondo es semitransparente sin afectar la opacidad del texto. - CaptSaltyJack

Fui con el PNG. :) ¡No vale la pena la molestia de codificar solo para obtener un fondo semitransparente! - CaptSaltyJack

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.