71 votos

CSS sombras ocultada (no se soluciona la propiedad z-index)

Mis disculpas si esto es insensato.

Tengo una caja-sombra en mi #primaryNav div. por desgracia, la sombra está siendo cubierto/ocultos por el fondo de los siguientes #page elemento.

He intentado establecer una propiedad z-index de 100 a #primaryNav y una propiedad z-index de -100 a #page, pero eso no soluciona mi problema.

¿Ninguna idea lo que estoy haciendo mal?

121voto

jlego Puntos 1257

Necesitas definir posicionamiento para #primaryNav . Afecta única propiedad Z-index habían colocado elementos. Acabo de añadir esto en firebug y arreglado:

#primaryNav {
  position: relative;
 }

Yo evitaría usando un índice z negativo. Simplemente cambiar la propiedad z-index de #page a 0.

3voto

Towa Puntos 483

Como ya dijo jlego una posición relativa debe arreglarlo. Por cierto yo sugeriría asegurando que no hay ninguna sombra izquierda o derecha de la #primaryNav . Puesto que #primaryNav posee un ancho de 100% una sombra en el lado hace que aparezca una barra de desplazamiento horizontal.

Para arreglar esto podría definir un overflow:hidden a#iframe

0voto

njebert Puntos 249

Eché un vistazo a su sitio y creo que la border-bottom propiedad de #primaryNav está encubriendo su sombra.

Iteramos.com

Iteramos es una comunidad de desarrolladores que busca expandir el conocimiento de la programación mas allá del inglés.
Tenemos una gran cantidad de contenido, y también puedes hacer tus propias preguntas o resolver las de los demás.

Powered by:

X