Z-index不適用於嵌入代碼

在滾動我的網頁時，帶有視頻的DIV不在頂部DIV後面。在我的網頁頂部DIV，它清除了所有浮動元素之後，已經folloing CSS樣式Z-index不適用於嵌入代碼

#header{ 
font-size:11px; 
height:25px; 
position:fixed; 
top:0; 
width:960px; 
z-index:1000; 
}

現在，我加了一個包裝DIV像相同這樣的視頻..

<div id="vedio"> 
<object>video code</object> 
</div>

應用CSS

#vedio{ 
position:relative; 
text-align:center; 
z-index:0; 
}

做所有的東西視頻沒有在FireFox3.6去後面頭之後，谷歌Chrome.Please有人能幫我出。謝謝

來源

2010-05-06 user255631

你有一個活生生的例子，我們可以看到變化錯字？ – Kyle 2010-05-06 08:28:24

您正在使用哪種瀏覽器？ IE瀏覽器在表單元素，嵌入等方面往往存在許多Z索引問題。 – 2010-05-06 08:11:57

它不能在firefox3.6上工作，鉻 – user255631 2010-05-06 08:20:54

哪種瀏覽器，你的測試？ IE有z-index:0;問題，總是從1或-1開始，然後從那裏開始。

編輯：

添加到您的對象：

<param name="wmode" value="transparent">

，這對您的嵌入：

wmode="transparent"記得有兩種</embed>或看到關閉您的嵌入標籤因爲您使用的是XHTML文檔類型：/>。我的螢火添加了這些工作得很好:)

<object width="606" height="385"> 
      <param name="movie" value="http://www.youtube.com/v/RjUIarUAioY&hl=en_US&fs=1&color1=0x2b405b&color2=0x6b8ab6"></param> 
      <param name="allowFullScreen" value="true"></param> 
      <param name="allowscriptaccess" value="always"></param> 
      <param name="wmode" value="transaprent"></param> 
      <embed src="http://www.youtube.com/v/RjUIarUAioY&hl=en_US&fs=1&color1=0x2b405b&color2=0x6b8ab6" 
        type="application/x-shockwave-flash" 
        allowscriptaccess="always" 
        allowfullscreen="true" 
        width="606" height="385" 
        wmode="transparent"> 
      </embed> 
     </object>

您也有z-index; 999;上#wp-admin-bar *，我把它添加到父; #wp-admin-bar .padder只是爲了確保孩子會繼承價值。

來源

2010-05-06 08:12:30 Kyle

它不適用於Firefox3.6，Chrome.I不是談論IE。 – user255631 2010-05-06 08:17:26

是的，你可以從這裏看到它.. http://afformation.rtcamp.info/ – user255631 2010-05-06 08:56:53

編輯答案，它現在正常工作:) – Kyle 2010-05-06 09:35:13

在視頻的object，可以嘗試設置param：

wmode = transparent

來源

2010-05-06 08:09:47 Sarfraz

沒有它的不工作.. – user255631 2010-05-06 08:20:32

在

值=「transaprent」價值=「透明」

來源

2013-07-10 14:06:11 zeet

Z-index不適用於嵌入代碼

回答

相關問題