在播放HTML5視頻時下拉菜單出現問題

我在播放HTML 5視頻時遇到了一些下拉菜單（jQuery）問題。當視頻尚未開始播放時，就像第一次加載頁面時一樣，沒關係。但是，一旦視頻開始播放，甚至在視頻暫停之後，視頻上方的下拉菜單開始在Safari中混亂，而在Chrome中，文本根本就不存在。在Firefox中，文本顯示爲播放視頻時應該顯示的內容。在播放HTML5視頻時下拉菜單出現問題

用於報頭的代碼在一個PHP文件的iframe，其被播放的視頻的上方。所以頭部向下延伸通過iframe，同時保持頂部。

這裏有一些截圖，看看我說的（堆棧溢出不會讓我直接發送圖像，但這裏有鏈接）：

FIREFOX

http://oi41.tinypic.com/qpm16a.jpg

如果你需要看代碼，下面是該頁面的鏈接，您可以查看源：

http://filmlook.com/e_website/

（由於noob狀態，我無法發佈更多鏈接或圖片，但是您可以查看網站了解問題所在）。

很明顯，我想保持代碼基本完好，但如果有另一個菜單系統，我可以使用，可以更好地工作或任何其他選項，我會聽到一切。

而且，我是那種一有代碼的小白，也因此請儘量最好的，你能解釋一下你的答案。

謝謝

來源

2012-02-23 TheGreatMisdirect

在我的Firefox和Chrome中看起來很好。我有IE8，菜單出現在視頻後面。否則它看起來很好。 – thepriebe 2012-02-23 21:17:14

嗯，好的。所以它在Windows上看起來不錯，除IE8問題外，使用Mac上的Chrome，文字消失... – TheGreatMisdirect 2012-02-23 21:27:39

我可以確認Mac Chrome和Safari中存在該問題。 – 2012-02-23 21:37:03

如果我手動更改css屬性「display：none;」到「顯示：塊」;它甚至可以與覆蓋層一起使用。我看到你正在使用效果來顯示你的下拉菜單。你沒有嘗試過嗎？

所以只是簡單地改變你的顯示，並檢查是否可行。

來源

2012-02-24 11:20:03 longilong

爲了確認，你是否在談論#nav ul的顯示屬性？我將其改爲阻止，但是一旦頁面加載，子菜單就會顯示出來，而不是在您將鼠標懸停在其上時。這看起來確實有效，因爲您可以在播放的視頻中閱讀文本，但我仍然不確定如何讓所有內容都能夠100％工作。你能否澄清哪些元素可以改變CSS中的顯示？ – TheGreatMisdirect 2012-02-24 16:51:00

我在說你的主要導航元素中的ul元素（ul id =「nav」）。因爲你正在使用效果來顯示它們（f.e.jquery onmouseover-> fadein（）），我會嘗試改變顯示元素（f.e.jquery show（）和hide（））。只是爲了檢查問題是否仍然存在......因爲如果我在螢火蟲中改變了它，那麼可能是fadein/fadeout有問題？！我更喜歡mootools，但猜測他們有相同的功能。 – longilong 2012-02-25 12:40:59

所以每個ul> li> ul元素都有display：none;並在mouseleave-> hide（）上使用onmouseover-> show（）來檢查是否修復覆蓋錯誤 – longilong 2012-02-25 12:43:59

在播放HTML5視頻時下拉菜單出現問題

回答

相關問題