Question

<div class="modal hide" id="modalId">
  <div class="modal-header" style="padding:30px 10px">
    <h3 style="float:left">Some text here</h3>
    <input type="image" src="image_path" alt="loading..." class="pull-right" />
  </div>
  <div class="modal-body" style="clear:both">
    <!-- I have a table here-->   
  </div>
  <div class="modal-footer">
     <!-- I have a button here -->
  </div>
</div>

按钮单击时调用的模态代码

$('#modalId').modal({
    backdrop: 'static',
    keyboard: false,
    show: true
});

这里面临的问题是，在模态弹出窗口中，黑色窗口即将到来。

这在firefox，IE 8中非常有效，但在IE7中却没有。

我尝试了很多，但在这里找不到问题。 :( 有人可以看一下。 thubjsdaps14

Answer 1

我在bootstrap.js中评论了以下一行

appendTo(document.body)

并添加了

.insertAfter(this.$element)

有关详细信息，请参阅https://github.com/twitter/bootstrap/issues/3217

现在它在IE7中正常运行。

Answer 2

我建议先让基本模态工作，你的CSS中可能会出现一些问题（clear: both脱颖而出）。

试试这个，看它是否有效：

<div class="modal" id="modalId">
  <div class="modal-header">
    <h3>Test header</h3>
  </div>
  <div class="modal-body" style="clear:both">
    Test body 
  </div>
  <div class="modal-footer">
     Test footer
  </div>
</div>

$('#modalId').modal();

Twitter Bootstrap模式在IE7中不起作用

2 个答案: