css - 当父 div 具有转换 : translate 时，Bootstrap 模态对话框黑掉

Question

这似乎是一个 Bootstrap 错误。当我将模态对话框放入 <div> 中时有 transform: translate(60px) ，整个模态对话框被它自己的 modal-backdrop 涂黑 . 有关错误示例，请参见此处:http://jsbin.com/benonopixa/1/edit?html,output

知道如何解决吗？

谢谢!

Answer 1

你在这一行有样式错误检查一下

 <div class="container" style="-webkit-transform: translate(60px);transform: translate(60px);width:800px;height:800px">
          <h1>Bootstrap bug report</h1>

用下面的代码解决

<div class="container" style="-webkit-transform: translate(60px);width:800px;height:800px">
      <h1>Bootstrap bug report</h1>