Respuesta a: Problema de validacion con el thickbox.css de WP

Inicio Foros WordPress General WordPress.org Problema de validacion con el thickbox.css de WP Respuesta a: Problema de validacion con el thickbox.css de WP

#37108

guardafaro
Participante

En vista de la nula ayuda que he conseguido en este foro para el particular, no me ha quedado más remedio que poner yo manos a la obra que no quería hacer: editar el codigo del tickbox.css.

De todos los errores dados por la validación de la W3C y que tienen que ver con el thickbox.css, la mayor parte son de hakcs para IE (del tipo *html), por lo que lo resolví sacándolos del tickbox.css y pasándolos a mi archivo ie.css que contiene las correcciones para Internet Explorer. Fue la parte fácil.

El resto de los errores tienen que ver con las propiedades de transparencia u opacidad, tales como:
-ms-filter:»progid:DXImageTransform.Microsoft.Alpha(Opacity=75)»;
filter:alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
Y con las sombras, para Mozilla como
-moz-box-shadow: rgba(0,0,0,1) 0 4px 30px;
-webkit-box-shadow: rgba(0,0,0,1) 0 4px 30px;
-khtml-box-shadow: rgba(0,0,0,1) 0 4px 30px;
box-shadow: rgba(0,0,0,1) 0 4px 30px;

¿Por qué esos errores de validación? Simplemente porque:
[b]-moz-opacity[/b] es una propiedad propietaria de Mozilla y no valida,
[b]filter: alpha()[/b] es un desarrollo de Microsoft y menos aún valida;
[b]Opacity[/b] es una propiedad futura, que validará solo en CSS3 (que está aún en desarrollo), por lo que no valida en el actual CSS2.

Pues de nuevo: las propiedades filter:alpha(), relacionadas con el IE, las pasé también al ie.css. (De nuevo la parte fácil)
Y como el problema es que no he podido encontrar como hacer una instrucción css para Firefox fuera del style.css que valide, pues tomé la solución salomónica: eliminé las -moz-opacity (que ya no son necesarias en las versiones actuales de ese navegador).

El problema es que no me quedó más remedio que elimintar también la propiedad [b]opacity[/b] (definida en .TB_overlayBG {) y ahora si que valida todo el CSS. [b]PERO[/b] en Firefox y en Opera la capa de fondo (que despliega el thickbox para presentar encima la imagen aumentada), no es parcialmente transparente, como debiera ser, sino totalmente opaca. En los IE sí se mantiene la transparencia, al haberlas incluído dentro del ie.css.

Dicen que las propiedades «opacity» (y las otras que no son para IE) pueden ser incluídas dentro del fichero thickbox.js pero yo no he encontrado como hacerlo, ni he sabido hacerlo, pues lo intenté pero no me funcionó.

Si alguien sabe como hacer esta parte, le agradeceré la ayuda.

Pin It on Pinterest

Ir al contenido