object遮挡dialog标签的解决办法

在我做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
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值