Chrome no renderiza algunos box-shadow

[gmonterog]

Hola a todos:

Tengo un problemilla "raro" que no se a que se puede deber.

En la web que estoy desarrollando hay varias cajas con box-shadow. Todas las sombras se ven correctamente en todos los navegadores actuales a excepción de mi contenedor principal (el que "separa" todo el contenido respecto del body, por así decirlo), que no renderiza la sombra en Chrome ni en Safari (si en Firefox, IE y Opera).

Por supuesto estoy empleando los prefijos -moz; -webkit; -o así como la propiedad pura CSS3 y he verificado que la sintaxis es la misma en todos los elementos con box-shadow del portal.

Antes de pegar códigos ni nada, ¿alguien sabe a que se puede deber este comportamiento tan extraño de no mostrar solo el box-shadow del wrapper y si del resto de elementos?

En fin, espero vuestra ayuda. No es que sea un tema crítico pero es molesto que las cosas no funcionen con normalidad y tener que modificar aspectos del diseño por este tipo de cosas.

Saludos,

GMG.

[C2am]

Antes de pegar códigos ni nada, ¿alguien sabe a que se puede deber este comportamiento tan extraño de no mostrar solo el box-shadow del wrapper y si del resto de elementos?

Si quieres podemos comenzar a adivinar, aunque lo mejor sería que pusieras el código que estás usando, al menos la parte relevante, html+css o dejes algún link para poder escrudiñar y descubrir cual es el problema.

Saludos

[gmonterog]

Ok, C2am. Solo lo decía por si había algún bug conocido o algo al respecto (yo no he encontrado nada), para que como tu dices no hiciese falta escudriñar por el código. En cuanto pueda lo subo.

Gracias por brindarme tu ayuda.

Saludos,

GMG

Iniciado por C2am

Si quieres podemos comenzar a adivinar, aunque lo mejor sería que pusieras el código que estás usando, al menos la parte relevante, html+css o dejes algún link para poder escrudiñar y descubrir cual es el problema.

Saludos

[kseso?]

Chrome no renderiza algunos box-shadow

Si sólo es en algún caso concreto, creo que el código es un detalle imprescindible para poder reproducir el fallo e intentar averiguar el porqué en ese caso concreto falla.
Comenzando por descartar que no sea un fallo en la sintaxis, o cuestión de que sí se forme la sombra pero no se vea, por ejemplo.

Así que gmonterog, en estas situaciones el código (mejor un enlace) no sólo conviene. Es obligado.

[gmonterog]

Hola a todos:

Os pongo este enlace a un ejemplo simplificado del tema. He desactivado todas las propiedades CSS excepto las del contenedor y las del menu lateral para que se vea como en el uno no y en el otro si que funciona el box-shadow (en Chrome y Safari).

La verdad es que no lo entiendo, o es algo muy obvio que estoy pasando por alto o algo muy raro. No sé.

Gracias a todos por vuestro tiempo (y perdón por la aberración estética del ejemplo enlazado, jeje...)

Quedo a la espera de vuestras ideas.

Saludos,

GMG

[kseso?]

lo dicho:

Código CSS:

#contenedor {
-moz-box-shadow: 0 0px 19px;
-webkit-box-shadow: 0 0px 19px;
-o-box-shadow: 0 0px 19px;
box-shadow: 0 0px 19px;
}
 

¿Qué valor falta por declarar?

Por cierto, a estas alturas con box-shadow puede prescindir de los prefijos privativos.
Por cierto 2: quizás le interese este artículo.

[gmonterog]

Muchas gracias kseso, me has abierto los ojos. No era capaz de verlo. Por cierto, no sabía que ya no hacen falta prefijos para box-shadow. Buena noticia.

Saludos,

GMG

Iniciado por kseso?

lo dicho:

Código CSS:

#contenedor {
-moz-box-shadow: 0 0px 19px;
-webkit-box-shadow: 0 0px 19px;
-o-box-shadow: 0 0px 19px;
box-shadow: 0 0px 19px;
}
 

¿Qué valor falta por declarar?

Por cierto, a estas alturas con box-shadow puede prescindir de los prefijos privativos.
Por cierto 2: quizás le interese este artículo.