css - CSS 变换/旋转导致比固定元素更高的 z-index

Question

当应用于transform: rotate(-90deg);一个元素时，这会导致高于z-index其他处于固定位置的元素。

我创建了一个 jsFiddle 来轻松演示两个相同的 div 之间的差异，除了一个应用了转换：

http://jsfiddle.net/GzURY/1/

以前我认为如果一个元素应用了变换样式，它不会有任何区别，除了它会出现旋转等。

为什么会这样？