Question

object遮挡了div怎么解决？

要求在IE下实现，以下为我实验的代码：
1、直接设置object的z-index，以及<param value="transparent" name="wmode">，结果不行
<div id="testDiv" style="position:absolute;z-index:9999;top:0;left:0;width:500px;height:400px;background-color:red">
</div>
<object id="OCXVideo" classid="clsid:40454179-5944-42E2-9DC5-9EC5FCD71717"
style="position:absolute;z-index:-1;top:0;left:0;width:400px;height:300px;">
<param value="transparent" name="wmode"/>
</object>

2、用iframe包裹object，div可以覆盖iframe，但是iframe里的object仍无法被div覆盖
<div id="testDiv" style="position:absolute;z-index:9999;top:0;left:0;width:500px;height:400px;background-color:red">
<iframe id="video_frame" src="cy_teacher_video.html" scrolling="no" style="position:absolute;z-index:-1;left:0;top:0;width:400px;height:400px;filter:alpha(opacity=20);">
</iframe>
</div>

<object style="z-Index:-1;" id="OCXVideo" width="400" height="300" classid="clsid:40454179-5944-42E2-9DC5-9EC5FCD71717">
</object>





• 你的回答被采纳后将获得：
• 系统奖励15（财富值+成长值）+难题奖励30（财富值+成长值）

Answer 1

在他们的最外层放个<div style="position:relative">,然后你的z-index就有效果了