Gli elementi trasformati CSS hanno z-index predefinito?

Question

Ho un esempio abbastanza semplice qui, sto avendo un'intestazione fissa con altri elementi che vengono impilati uno dopo l'altro, il singolo elemento viene trasformato usando transform: rotate(360deg).

Quindi, solo l'elemento trasformato sta passando sopra alla barra fissa quando la pagina scorre, dove altri elementi non lo fanno. Quindi la domanda è: gli elementi trasformati hanno il valore predefinito z-index?

Quando si utilizza z-index: -1; per .transform_me si comporta normale

Demo

CSS

.fixed { 
    height: 30px; 
    background: #f00; 
    position: fixed; 
    width: 100%; 
    top: 0; 
} 

.transform_me { 
    transform: rotate(360deg); 
    -webkit-transform: rotate(360deg); 
} 

span { 
    display: block; 
    height: 100px; 
} 

Nota: sarà risolto se usiamo dire z-index: 999; per il fisso div, b Non è quello che sto cercando.

Answer 1

Per elementi la cui disposizione è governato dal box model, un valore diverso da none per i transform risultati in la creazione di un contesto sia impilamento ed un blocco contenente. L'oggetto agisce come un blocco contenitore per i discendenti posizionati fissi.

dallo specification.

Stacking context.