javascript - 如何让div覆盖IE11的html上的object标签？

Question

如何让 div 覆盖 IE11 的 HTML 上的对象标签 ，IE 的对象标签是 activeX。

我想让div层覆盖对象标签。

Answer 1

诀窍是将对象标记包装在容器 div 中。设置容器上 ActiveX 组件的尺寸，并将容器位置设置为相对。

拖放另一个 div - 作为 Activex 组件的同级组件，并将其position 设置为 absolute。通过将其 top 设置为 0，这将允许它在容器的开头 float /启动(就像您的 activex 一样)。设置此 div 的 height 和 width 为 100% 以填充整个容器。由于您的容器与您的 activex 具有相同的尺寸，因此这应该将其覆盖。

#container {
  position: relative;
  height: 200px;
  width: 200px;
}

#object {
  height: 200px; /* emulate the objectx height */
  width: 200px; /* emulate the objectx width */
  background-color: yellow;
}

#overlay {
  height: 100%;
  width: 100%;
  background-color: green;
  position: absolute;
  top: 0;
}

<div id="container">
  <div id="object"></div>
  <div id="overlay"></div>
</div>

http://plnkr.co/edit/H405MbFN9a1wxzqXkYXz?p=preview

尝试一下 Plunker，看看会发生什么并了解它是如何工作的。