这是 jsfiddle。
我用一个 activeX 对象把它放在上面。
请允许您的浏览器安装它以重现此错误。
并在此处进行快速代码预览。
<!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 来完成吗?
仅供引用,我正在准备好文档时通过脚本实现对象标签。
这会不会有问题??
希望有人能解决这个问题。
最佳答案
在 OBJECT
内联样式中:
插入:
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, position:relative,或位置:固定)。
关于javascript - 对象标签覆盖 div 标签,如何防止这种情况发生?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24901013/