2015-05-06 32 views
0

剛剛開始使用代碼。我知道的很少。試圖把我在JSFIDDLE中的所有東西都放在一起......它似乎不起作用。fadeToggle()相同的圖像以不同的方式消失

有一個背景圖像。最重要的是一個視頻。在視頻之上還有一個橫跨整個頁面的標題。

當我嘗試使用fadeToggle消除除視頻以外的所有內容時,視頻中的標題部分快速消失,而同一標題的其餘部分(與視頻不重疊)與背景圖像一起淡化爲I已將其設置爲淡入淡出(1500)。

爲什麼相同的圖像(標題,而不是背景,背景淡入淡出)在褪色時切碎?

謝謝你們!

+5

將我們鏈接到JSFIDDLE請 –

+0

「在視頻之上」呈現的任何內容都可能存在動畫問題,因爲需要根據下面的圖層計算淡入淡出效果。您可能會在不同的瀏覽器中獲得不同的結果,因爲有些可能會包含淡入淡出中的當前視頻幀,而其他瀏覽器則不會。 –

+0

在您的問題中發佈您的代碼。然後,可選地,添加一個鏈接到你的jsFiddle。像jsFiddle這樣的網站應該補充你的問題中的代碼,而不是作爲它的替代品。 – j08691

回答

0

這可能是因爲當fadeToggle開始時,渲染器將視頻放在圖像上,所以它會消失。您可以嘗試設置style="z-index: 100"來查看圖片,看看這種方式是否可以強制它保持在最佳狀態......此外,如果您可以在圖片完全消失前嘗試刪除視頻,您肯定會知道它是否位於視頻背後或不。

無論如何,這似乎是一些瀏覽器可以處理和一些瀏覽器不能處理的問題。

+0

我的Z標誌索引爲100。謝謝。我決定採用視頻上方的標題。我很抱歉沒有提供jsfiddle。非常感謝你。 –

相關問題