如何在object标签上覆盖元素

1、看效果（在object标签上覆盖抓图按钮）

<object> 标签用于包含对象，比如图像、音频、视频、Java applets、ActiveX、PDF 以及 Flash。

总的来说object标签就是用来嵌入多媒体的。

<object>在IE中是一个windowed element，即窗口元素，这些元素总是会被渲染在非窗口元素的上方，而iframe默认在object之上，唯一的解决方案就是使用iframe作为中间物，即用iframe覆盖object，再用元素覆盖iframe。

2、代码实现

<div style="width: 24.2%; position: relative; height: 30.2%">
      <div style="color: #fff;font-size: 12px;background: #409eff;width: 56px;height: 29px;bottom: 2px;left: 0px;z-index: 9;">
           <el-button size="mini" @click="picture">抓图</el-button>
      </div>
      <iframe style="position: absolute;visibility: inherit;bottom: 2px;left: 0px;background: #409eff;width: 56px;height: 29px;z-index: 8;"></iframe>
      <object type="application/x-vlc-plugin" id="vlc" events="True" width="100%" height="100%">
              <param name="mrl"  value="" />
      </object>
</div>

注意：

1.div必须有特定的z-index且大于iframe的z-index，不能是auto或空；

2.iframe的宽、高要与覆盖元素的宽高相等；