2011-02-04 17 views
5

Tengo dos <div> elementos que se solapan entre si, como:transformaciones CSS 3D y combates zindex

------------- 
|   | 
|  A  | 
|   | 
| ------------ 
| |   | 
| |   | 
----|  B | 
    |   | 
    ------------ 

Así que añadir B al DOM después de A. Dentro div AI tener algunos otros elementos HTML (imágenes) que yo aplicar css3d se transforma, sin embargo, cuando hago esto, también aparecen delante de div B, siempre quiero que div B esté por encima de div A y todo su contenido. Intenté establecer la propiedad z-index en ambos elementos div pero los elementos 3D transformados en A aún aparecen en ontop de div B.

¿Hay alguna manera de hacer que B siempre aparezca delante de A y su contenido?

Gracias Marca.

+0

Probablemente tiene algo que hacer con la transformación en sí. ¡Puede intentar establecer! Importante para su regla z-index en A div. Los niños heredarán – Kyle

Respuesta

1

Si necesita de z-index un elementos para trabajar en contra de divs 3d transformado, hay que diseñarlo con -webkit-transform: translateZ(0px);

de fragmentos de codepen ->http://codepen.io/mrmoje/pen/yLIul

Cuestiones relacionadas