translate3d 為什麼會讓子層的 css position fixed 失效... ?!

在處理一個 header 位子要固定的問題時,發現怎麼樣也都無法 fixed

超級詭異....

找超久才發現原來是因為我在 body 加上了這個 css 屬性: 

-webkit-transform:translate3d(0, 0, 0);
-moz-transform:translate3d(0, 0, 0);

原因不明,我也想知道為什麼,如果有人知道,請告訴我謝謝 :)

這是造成無法 fixed 的 demo:
如果把 body 的 transform:translate3d 拿掉,就正常了..... 

留言

這個網誌中的熱門文章

[Android] 筆記 手機上測試自己的 APP

解決fatal: Not a git repository (or any of the parent directories): .git錯誤

[Android 筆記] 設定 ImageView 的圖檔來源