2012-09-08 68 views
0

我已閱讀了一些關於webkit瀏覽器有關圖像問題的文章。我無法找到一篇文章,因此也無法找到我要解釋的文章的答案。Chrome瀏覽器(webkit?)在幻燈片放映中不能正確顯示圖像

我使用jQuery創建了一個自制的幻燈片,基本上把所有的圖像放在一行上,然後我玩一個mask元素(overflow:hidden)和margin-left屬性來選擇哪一個是被顯示。我沒有重新發明輪子...

在FF,歌劇甚至IE瀏覽器,它的作品就像一個魅力!但我沒有在Chrome瀏覽器上運氣(我沒有測試Safari):第一張圖片顯示確定,但是當滑動效果開始播放時,第一張幻燈片的20px-ish保留在幻燈片的頂部並覆蓋第二張幻燈片。如果我繼續滑動,則第一個滑動部件將保留爲以下滑動片的疊加層。 Chrome上的圖片無法刷新,因此整個幻燈片看起來都很垃圾。

我試圖玩滑動效果後的圖像css屬性強迫容器刷新其內容,但再次沒有運氣。

有沒有人有如何解決這個問題的想法?

謝謝

回答

0

找到修復...

正如我所說的,試圖迫使容器使用一些不同的CSS屬性沒有工作,刷新其內容。 雖然有效的做法是向容器中添加一個span,就是這樣......在問題出現的時候,我的容器中只有圖片和地圖。我添加了一個跨度(運氣不好),它馬上就起作用了!

我只能假設爲什麼添加跨度使整個容器行爲正常。我想這跟「hasLayout」屬性IE6用來投入極客的情況是一樣的。直到它有一個具有一致性的元素(高度,寬度...用值設置)之前,它才能正確呈現該元素。

無論如何,我希望這將有助於是的,我也不敢到Chrome瀏覽器比較IE6 ... ;-)

好日子

相關問題