在我做dialog弹框的时候遇到了一个问题:前端使用的是BJUI框架,在navtab里面加载了一个object标签的控件。后来因为业务要求,我要在object上面弹出一个dialog。这时出现了一个问题:object标签遮挡了我要弹出的dialog。调查研究后,我查到iframe标签可以遮挡object标签。具体做法是:
- 用一个div包住object,并添加iframe
<div>
<object></object>
</div>
<iframe>
</iframe>
- 对div和iframe分别添加定位属性
<div style="position:absolute;z-index:1;">
<object></object>
</div>
<iframe style="position:absolute;z-index:2;">
</iframe>
- 对iframe添加位置属性,比如top,left,width,height,要保证和弹出的dialog的大小和位置一致
- 设置iframe的display为none,当dialog弹出的时候设置为block,关闭的时候设置为none