javascript - 带有弹出窗口的 bootstrap3 显示在后面

Question

我对弹出窗口有疑问。弹出框显示在输入字段的后面。我需要它出现在前面，以便可以看到。是的，它适用于所有现代浏览器，包括 IE8。但是，它在 IE7 中失效。我不太喜欢IE7。而且，我别无选择，因为我的工作场所仍然支持 IE7。我正在使用 Bootstrap3 和弹出窗口。我确实意识到 BootStrap3 已经放弃了对 IE7 的支持。但除了弹出窗口之外，我与此非常接近。 然后我真的可以 sleep 了。也许再来一杯可口可乐或咖啡。

下面的示例代码......请知道如何解决这个问题

  <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();
});

Answer 1

我想你知道但是:

Bootstrap 3, support for Internet Explorer 7 has been removed from the project. If you need IE7 support, consider trying out bootstrap-ie7.

免责声明:

Bootstrap 3 drops support for Internet Explorer 7, but you can add it back by simply adding this conditional CSS.

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