box-shadow sobre div superior.

[mariomon17]

Hola a todos.
He descubierto que este codigo:

Código HTML:

<div id="uno"></div>
<div id="dos"></div>
 

en este caso:

Código CSS:

#uno {
box-shadow: 0px 0px 5px #000
}
 

la sombra de uno no se superpone sobre dos (cuando tiene background).

Al contrario de

Código CSS:

#dos {
box-shadow: 0px 0px 5px #000
}
 

cuya sombra si se superpone sobre uno.

Por que ocurre esto?
Como se podria solucionar?

Muchas gracias :)

[ZoroRoronoa]

Esto ocurre por que uno esta primero y dos después, es decir, el Index
el "uno" tendrá un index menor que el "dos" por así decirlo.

es como si usaras top-margins negativos, el ultimo div (el de abajo) quedara encima del de arriba.

Espero hayas mas o menos comprendido, ya que entiendo que soy malo para explicaciones Jaaja.

[mariomon17]

He probado a solucionarlo con z-index pero no me funciona :S

Gracias :)