带有popover的bootstrap3显示在后面

时间:2013-09-17 06:12:19

标签: javascript jquery html css twitter-bootstrap

我遇到popover问题。弹出框显示在输入字段的后面。我需要它出现在前面,以便可以看到。是的,它适用于所有现代浏览器,包括IE8。但是,在IE7中打破了。我真的不喜欢IE7。而且,我别无选择,因为我的工作场所仍然支持IE7。我正在使用Bootstrap3和popover。我确实意识到BootStrap3已经放弃了对IE7的支持。但除了弹出窗口外,我对此非常接近。然后我真的可以睡觉了。也许还有另一种可可豆或咖啡。

以下示例代码...请知道如何解决此问题

  <div class="form-group">
    <div class="col-xs-4">
      <label class="control-label" for="custom2">Date of Birth</label>
      <img src="32005/images/iconQuestion.png" alt="Help" data-toggle="popover" data-placement="right" data-content="This will make up the PIN for the prepaid visa gift card" class="popUp"/> </div>
    <div class="col-xs-8">
      <input type="text" class="form-control input-md" value="" id="custom2" name="custom2" value="">
      <span class="mandatory"> * </span> </div>
  </div>



$(function(){
  $("[data-toggle=popover]").popover();
});

1 个答案:

答案 0 :(得分:0)

我想你知道但是:

  

Bootstrap 3,已从中删除对Internet Explorer 7的支持   项目。如果您需要IE7支持,请考虑尝试bootstrap-ie7。

声明:

  

Bootstrap 3 drop支持Internet Explorer 7,但您可以添加它   简单地添加这个条件CSS。

尝试一下: https://github.com/coliff/bootstrap-ie7