1. 首頁
  2. 問答
  3. 下另一個DIV

下另一個DIV

2012-07-13 94 views
0

滾動與YouTube視頻一個div我有我的HTML如下下另一個DIV

<html> 
<body> 
<div id="d1" 
    style="height:100px;width:100%;background-color:#CFE;position:fixed;z-index:1000"> 
</div> 

<div id="d2" style="padding-top:110px;z-index:-1000;background-color:#CCE;height:1000px;"> 
<iframe width="420" height="315" 
    src="http://www.youtube.com/embed/XZxo7IznQnk" frameborder="0" allowfullscreen></iframe> 
</div> 
</body> 
</html>

頂格（D1）是固定的。而滾動底部div（d2）落後頂部div。但YouTube視頻 留在上面。

我想把它放在頂部div。有沒有辦法？

來源

2012-07-13 Manjoor

回答

1

這是我如何解決它。 ？

<html> 
<body> 
<div id="d1" 
    style="height:100px;width:100%;background-color:#CFE;position:fixed;z-index:1000"> 
</div> 

<div id="d2" style="padding-top:110px;z-index:-1000;background-color:#CCE;height:1000px;"> 
<iframe width="420" height="315" 
    src="http://www.youtube.com/embed/XZxo7IznQnk?wmode=transparent" 
    frameborder="0" allowfullscreen></iframe> 
</div> 
</body> 
</html>

注意的wmode =透明」在IFRAME

來源

2012-07-16 09:46:35 Manjoor

1

問題可能在於iframe將閃存YouTube視頻放在頂部。它與Flash對象的z索引有關。

我用這個解決方案之前成功...

http://manisheriar.com/blog/flash_objects_and_z_index

  • 把你的Flash內容到名爲閃
  • 包裝DIV添加到您的對象標記
  • 添加的wmode =「transparent」嵌入到嵌入標記中
  • 使用CSS設置div的位置和z-index（不要設置負z-index值，因爲它會隱藏你的Flash）

使用這個CSS：

#flash { 
    position: relative; /*or absolute*/ 
    z-index: 0; 
}

編輯：您將不得不刪除iframe中。首先，我們會想出一個好主意，因爲iframes吸：p

來源

2012-07-13 12:45:41 RTB

+0

我有嘗試，但YouTube的iframe後添加wmode =「透明」 – Manjoor 2012-07-16 08:18:31

1

這是因爲ActiveX對象傾向於位於所有html元素之上。你必須有一個「窗戶」模式添加到您的

<object> 
    <param name="wmode" value="window" /> 
</object>

來源

2012-07-13 12:45:48 Losbear

+0

或您可以添加wmode =「不透明」>您的