css 3d dönüşümler ve zindex mücadele

Question

İki <div> elemanım var:

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

Yani B'den sonra DOM'a B ekliyorum. Inside div AI css3d dönüşümlerini uyguladığım başka bir html elemanına (resim) sahip. Bunu da B'nin önünden göründüğü gibi yapın, her zaman div B'nin, A'nın ve tüm içeriğinin üzerinde olmasını isterim. Her iki div öğesinde z-index özelliğini ayarlamayı denedim, ancak A'daki 3B dönüştürülmüş öğeler hala B harfinin üstüne bastı. Xzx26

Her zaman B'nin B ve A'nın içeriğinin altında görünmesini sağlamak için herhangi bir yol var mı?

Teşekkürler Mark.

Answer 1

Çalışıyor: http://jsfiddle.net/qkLWH/1/

Answer 2

Bir unsurlar en z-index 3d dönüştürülmüş div karşı çalışmak gerekiyorsa, codepen üzerinde -webkit-transform: translateZ(0px);

Snippet'ine ile stilini zorunda ->http://codepen.io/mrmoje/pen/yLIul