css3 y當使用translateZ時偏移

Question

我目前正在使用一些3d效果的網站，但我有我在Z軸上翻譯的東西的問題，因爲他們都有從父div的偏移偏移量。

這是我做的一個樣品。 （在FF和Chrome測試）

https://dl.dropboxusercontent.com/.......3d.html

在此示例中，您可以看到綠色的網格變得更高y座標從父（橙色網格）抵消較低父母的立場是在頁面上。

是否有解決此問題的方法？

Answer 1

你有一個javascript函數來設置容器元素的透視圖。

要創建真實的3D體驗，您需要設置一個透視圖，以一種重新創建真實3D世界的方式扭曲尺寸。

如果您想要「固定」（或線性）尺寸，只需禁用該尺寸。