html和css菜單問題（可能是z-index問題）

我正在爲this site爲我的客戶工作。html和css菜單問題（可能是z-index問題）

問題在於主頁上的下拉菜單隱藏在嵌入式youtube播放器後面。這似乎是一個涉及z-index的簡單css問題，但我一直無法解決它。也許它與YouTube嵌入有關。

我試圖設置菜單的z-index，但它似乎不是有效的。

我差點忘了告訴你，問題發生在IE9上。

此外，我不是一個CSS專家，所以請指出問題是什麼。

來源

2012-07-25 xmaestro

把代碼解決你的問題 – 2012-07-25 06:45:22

它的簡單的CSS和HTML，你可以從瀏覽器控制檯看到。對不起，但有一大堆的CSS涉及。我應該放多少？ – xmaestro 2012-07-25 06:47:59

你已經看到它在你的鏈接，沒關係試試我的代碼放在 – 2012-07-25 06:49:33

使用YouTube的IFRAME：

<iframe width="597" height="323" src="http://www.youtube-nocookie.com/embed/Rahab_AMCkE?wmode=transparent" rel="0" frameborder="0" allowfullscreen=""></iframe>

添加wmode=transparent"剛源後（SRC ）的視頻

這是一個Flash問題。嵌入Flash時，默認值爲wmode=window，使SWF覆蓋頁面上的任何HTML對象。爲避免這種情況，請使用允許HTML元素與SWF內容重疊的wmode=opaque或wmode=transparent。有關更多信息和兩者之間的差異，請參閱Adobe的help。

來源

2012-07-25 06:56:51 SVS

謝謝mate ...那是爲我做的......猜測allowfullscreen屬性問題在這裏？ – xmaestro 2012-07-25 07:04:08

@hussain歡迎！wmode =「透明」我添加了內容，我會在答案中更新它。 – SVS 2012-07-25 07:05:46

定義你的css樣式。

.navigation ul ul{ 
z-index:3; 
} 
.lcd{ 
position:relative; 
z-index:1; 
}

來源

2012-07-25 06:47:59

:(它仍然沒有任何區別，而且我已經試過了， – xmaestro 2012-07-25 06:50:38

但你沒有定義.lcd位置檢查你的css，現在你只是定義了z-index，但是如果你沒有定義任何位置，z-index不起作用 – 2012-07-25 06:51:21

好的。抱歉...有錯別字...但它仍然不起作用... – xmaestro 2012-07-25 06:56:05

使用

_z-index:1000001;

不要刪除下面的代碼

z-index: //whatever;

來源

2012-07-25 06:50:35

我在哪裏放置這個_z-index？我的意思是哪個類？ – xmaestro 2012-07-25 06:51:21

試一試css添加新行.navigation ul li ul li {_z-index：1000001;} – 2012-07-25 06:59:26

html和css菜單問題（可能是z-index問題）

回答

相關問題