BootStrap H+ 解决部分版本浏览器下拉菜单被iframe挡住问题

下拉图标(下拉倒三角) 

<span class="caret"></span>

 

问题现象： 

效果：

<!--解决部分版本浏览器下拉菜单被iframe挡住问题-->
<button class="roll-nav roll-right J_tabCloseOther"><i class="fa fa-close"></i>其他</button>
<button class="roll-nav roll-right J_tabCloseAll"><i class="fa fa-window-close-o"></i>全部</button>
<!--<div class="btn-group roll-nav roll-right">
    <button class="dropdown J_tabClose" data-toggle="dropdown">关闭操作<span class="caret"></span></button>
    <ul role="menu" class="dropdown-menu dropdown-menu-right">
        <li class="J_tabShowActive"><a>定位当前选项卡</a></li>
        <li class="divider"></li>
        <li class="J_tabCloseAll"><a>关闭全部选项卡</a></li>
        <li class="J_tabCloseOther"><a>关闭其他选项卡</a></li>
    </ul>
</div>-->

/*like12 modified,add,20211219,新增刷新功能*/
.roll-right.J_tabRight {
    right: 200px;/*140px*/
}
.roll-right.J_tabRefresh {
    right: 150px;
    width: 50px;
}
/*like12 add,20220403,解决部分版本浏览器下拉菜单被iframe挡住问题*/
.roll-right.J_tabCloseOther {
    right: 100px;
    width: 50px;
}
.roll-right.J_tabCloseAll {
    right: 50px;
    width: 50px;
}