2012-12-25 55 views
3

使用以下命令可以防止很多問題,而網絡爲iPad,iPhone的iOS Safari瀏覽器,開發如動畫閃爍,position:fixed性能問題,滾動問題等:關於背面能見度

-webkit-backface-visibility: hidden; 
-webkit-transform : translateZ(0); 
-webkit-transform : translate3d(0,0,0);  

這些問題互聯網上建議使用CSS命令修復iPad Safari瀏覽器上的錯誤。 但是,最近我發現每當使用它們中的任何一個時都會發生問題。我不知道有沒有人注意到它。當你在網頁上放大縮小時,通常任何東西都不會重新加載或刷新,但是當上面的CSS語句中的任何一個被創建時,縮放縮放會看到一些口吃,並且事情變成白色一秒鐘,就好像背景是消失了,然後以方塊形式重新加載。

這是一個非常煩人的問題。我想放棄使用上述命令,但都使用它們而不使用它們會產生錯誤。難道沒有辦法解決它嗎?

+2

看起來好像你正在將這些屬性設置爲銀色子彈。這可能不是一個好主意。 – icktoofay

+0

是的,我知道,但移動Safari瀏覽器有太多奇怪的問題,我從來沒有在桌面上 – FatDogMark

+0

這並不意味着有一件事可以解決所有問題。 – icktoofay

回答

0

嘗試添加-webkit-transform:translateZ(0);到目標元素接觸或結束的任何元素。

我有一個邪惡的1+秒閃爍,這也驅使我瘋狂調試,在我的例子中工作。