IE7位置绝对div(popover):: popover div无法正常显示

时间:2013-09-19 08:36:48

标签: javascript html css twitter-bootstrap internet-explorer-7

我正在尝试显示一个popover div here。请单击问号图标。您会注意到有一个popover div出现在所有浏览器中。但是,在Internet Explorer 7中,无法正常显示。我尝试使用z-index属性,但似乎不起作用。如何让弹出窗口显示在输入字段的顶部?

以下是HTML示例

<div class="col-xs-5 divPopUp">
<label class="control-label customerAccountNo" for="custom4">Customer Acct No</label>
<img src="32005/images/iconQuestion.png" alt="Help" data-toggle="popover" data-placement="right" data-content="Found on the Plush Rewards flyer provided at the store. Lost this? Please contact the store you purchased from" class="popUp customerAccountNoImg"/> </div>

添加了问题的屏幕截图:

Please notice that the popover div is hidden behind the input

1 个答案:

答案 0 :(得分:2)

没有小提琴就不容易解决,但是使用IE调试工具,我能够解决问题,但不确定它是否真的可以在实例中使用。

我在div col-xs-5中添加了一个z-index:

<div class="col-xs-5 divPopUp" style="z-index: 100">

你能为这个元素编辑css吗?