* { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); }
如果你看看this demo，你会看到我的意思。第二个div应用了一个转换，意味着它创建了一个新的堆栈上下文，而伪元素被堆叠在顶部而不是下面。
所以基本上，不要这样做。仅在需要优化时应用3D变换。 -webkit-font-smoothing：antialiased;是另一种方式来利用3D加速，而不会产生这些问题，但它只能在Safari中工作。
