这是jsfield
我把它放在一个activeX对象上。
请允许您的浏览器安装它以重现此错误。
http://jsfiddle.net/hA5fy/
和快速代码预览在这里。
<!DOCTYPE HTML>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
</head>
<body>
<div id="wanttooverlay" style="width:100px; height:100px; background-color:Red; position:absolute; top:0px; left:0px;"></div>
<OBJECT style="width:500px; height:500px; background-color:blue;" id="Rdviewer" classid="clsid:ADB6D20D-80A1-4aa4-88AE-B2DC820DA076" type="application/html" codebase="rdviewer50.cab#version=5,0,0,239" >
<param wmode="transparent" />
</OBJECT>
</body>
</html>
我已经做了一些事情来解决像设置z-index,把参数wmode="transparent"之类的事情。
但似乎没有什么能解决我的问题。
红色框将是我的应用程序中的日期选择器。
这可以通过操纵CSS来完成吗?
供参考,我正在通过脚本在文档上实现对象标签。
这会是一个问题吗??
In OBJECT
inline style:
position:absolute;
更改为:
<OBJECT style="width:500px; height:500px; background-color:blue;position:absolute;" id="Rdviewer" classid="clsid:ADB6D20D-80A1-4aa4-88AE-B2DC820DA076" type="application/html" codebase="rdviewer50.cab#version=5,0,0,239" >
<param wmode="transparent" />
</OBJECT>
注意:
- 尽量避免内联样式。
-
z-index
仅适用于定位元素(position:absolute,位置:相对,或位置:固定)。
JSFiddle演示/strong>
另一个选项是将position:absolute
从div
中移除,或者如果您希望这些元素在页面上浮动,则将它们放入具有绝对位置的div
包装器
<div style="position:absolute; top:0; left:0">
<div id="wanttooverlay" style="width:100px; height:100px; background-color:Red"></div>
<OBJECT style="width:500px; height:500px; background-color:blue;" id="Rdviewer" classid="clsid:ADB6D20D-80A1-4aa4-88AE-B2DC820DA076" type="application/html" codebase="rdviewer50.cab#version=5,0,0,239" >
<param wmode="transparent" />
</OBJECT>
</div>
更新strong>
如果你想把你的div
放在OBJECT
元素的上面,解决办法很简单,只要在你的HTML代码中交换这些元素
<body>
<OBJECT style="width:500px; height:500px; background-color:blue;" id="Rdviewer" classid="clsid:ADB6D20D-80A1-4aa4-88AE-B2DC820DA076" type="application/html" codebase="rdviewer50.cab#version=5,0,0,239" >
<param wmode="transparent" />
</OBJECT>
<div id="wanttooverlay" style="width:100px; height:100px; background-color:Red; position:absolute; top:0px; left:0px;"></div>
</body>
看看这提琴