css - 在 Chrome 中启用透视 CSS 转换？

Question

当我将这种风格与#board（灰色）一起使用时

-webkit-transform: perspective(500px) rotateX(45deg);
-moz-transform: perspective(500px) rotateX(45deg);

它在 Firefox 中的外观：

但在铬：

我们需要的是 Firefox 中的那个。那么我们应该怎么做才能在 chrome 中拥有相同的外观呢？

Answer 1

通常，最好将 放置perspective在包含元素上，例如 thebody或 wrapping div。

演示：http: //jsfiddle.net/amustill/Qh8YV/

body {
    -webkit-perspective: 500px;
       -moz-perspective: 500px;
    }

div {
    ...
    -webkit-transform: rotateX(45deg);
       -moz-transform: rotateX(45deg);
    }