Html 在网页上观看youtube视频时，如何避免div重叠？

使用以下两种方法嵌入youtube视频，iframe：

<iframe width="400" height="300" src="http://www.youtube.com/embed/2D_AU8-2QWY?rel=0" frameborder="0" allowfullscreen></iframe>

还有老的一个：

<object width="400" height="300"><param name="movie" value="http://www.youtube.com/v/RNclwz9B_GQ?version=3&amp;hl=it_IT&amp;rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/RNclwz9B_GQ?version=3&amp;hl=it_IT&amp;rel=0" type="application/x-shockwave-flash" width="400" height="300" allowscriptaccess="always" allowfullscreen="true"></embed></object>

我的div总是有一个丑陋的重叠效果，比如：

---

所以问题是如何避免这种情况？谢谢

尝试css中的

z-index

对div进行排序，这样您就可以选择顶部的go

---

添加1ftw1的答案；要允许在flash内容上设置

z-index

，您需要包括

wmode

参数

发件人：

wmode

-可能的值：窗口、直接、不透明、透明、gpu。为浏览器中的透明度、分层、定位和渲染设置Flash电影的“窗口模式”属性。如果省略此属性，则默认值为“窗口”。有关更多信息，请参阅下面的使用窗口模式（wmode）值。
窗口-SWF内容在网页上自己的矩形（“窗口”）中播放。浏览器将根据其他HTML元素确定SWF内容的分层方式。使用此值，您无法明确指定SWF内容是否显示在页面上其他HTML元素的上方或下方。
直接-使用直接到路径渲染。这将绕过屏幕缓冲区中的合成，并将SWF内容直接呈现到屏幕。建议使用此wmode值为内容播放提供最佳性能，并支持使用Stage视频或Stage 3D的SWF内容的硬件加速演示。
不透明-SWF内容与页面上的其他HTML元素一起分层。SWF是不透明的，将隐藏页面上它后面的所有分层内容。与wmode=window或wmode=direct相比，此选项将降低播放性能。
透明-SWF内容与页面上的其他HTML元素一起分层。SWF背景色（舞台色）是透明的，SWF下的HTML元素将通过SWF的任何透明区域可见，并进行alpha混合。与wmode=window或wmode=direct相比，此选项将降低播放性能。

---

gpu-在一些连接互联网的电视和移动设备上使用额外的硬件加速。与其他wmode值相比，无法保证显示列表图形的像素保真度。否则，此值类似于wmode=direct。

您是想将其放在登录之后还是将其固定在页面上的1个位置？它必须位于所有浏览器或特定浏览器中发生的所有事情之后？似乎z-index与此问题无关。注意第三个屏幕截图。覆盖窗口小部件通常具有非常高的z索引。