我已閱讀了一些關於webkit瀏覽器有關圖像問題的文章。我無法找到一篇文章,因此也無法找到我要解釋的文章的答案。Chrome瀏覽器(webkit?)在幻燈片放映中不能正確顯示圖像
我使用jQuery創建了一個自制的幻燈片,基本上把所有的圖像放在一行上,然後我玩一個mask元素(overflow:hidden)和margin-left屬性來選擇哪一個是被顯示。我沒有重新發明輪子...
在FF,歌劇甚至IE瀏覽器,它的作品就像一個魅力!但我沒有在Chrome瀏覽器上運氣(我沒有測試Safari):第一張圖片顯示確定,但是當滑動效果開始播放時,第一張幻燈片的20px-ish保留在幻燈片的頂部並覆蓋第二張幻燈片。如果我繼續滑動,則第一個滑動部件將保留爲以下滑動片的疊加層。 Chrome上的圖片無法刷新,因此整個幻燈片看起來都很垃圾。
我試圖玩滑動效果後的圖像css屬性強迫容器刷新其內容,但再次沒有運氣。
有沒有人有如何解決這個問題的想法?
謝謝