2014-05-18 56 views
8

注意到IE11中奇怪和煩人的錯誤。使用背景附件固定的css放置在背景中的圖像在滾動時會抖動跳動。它主要發生在使用滾輪或使用滾動條上的箭頭按鈕時。如果通過拖動滾動條進行滾動,它似乎不會發生。背景附件:固定的Internet Explorer 11奇怪的上下搖晃

試試這個小提琴:http://jsfiddle.net/G6Mdu/當使用IE時,你可以看到圖像微動。在鉻,火狐等,它工作正常。

#test{ 
    height: 510px; 
    width:100%; 
    background-position: center top; 
    background-attachment: fixed; 
    background-size: cover; 
} 

任何解決方案?

+3

DAT圖像網址... – kmoe

+0

反正我沒有看到有抖動現象在IE11 ... – kmoe

+0

@kmoe。這裏是一個問題的視頻:https://www.youtube.com/watch?v = OSIfRX3t1tM。左邊是谷歌瀏覽器右邊是IE 11 – Joe

回答

4

這是背景附件實現中的一個已知問題:在IE10 +中修復。我相信它發生在除<body>之外的所有元素上。

http://connect.microsoft.com/IE/feedback/details/819518/fixed-background-image-scrolling-issue

+0

此錯誤仍然存​​在於使用最新版本IE11的Windows 8.1觸控筆記本電腦中。它使用background-attachment:fixed進行。禁用平滑滾動修復問題,或者使用Hanoncs的https://connect.microsoft.com/IE/feedback/details/819518/fixed-background-image-scrolling-issue中描述的解決方法。但是,使用觸摸,鍵盤向上/向下或觸控板滾動時仍會發生這種情況。 – patrickzdb