移动弹出覆盖问题

Question

我在移动浏览器中遇到了模态弹出窗口的问题，但在网络浏览器中可以正常工作。 当我打开弹出窗口时，背景模糊会出现一秒钟，并在移动设备中触摸或滚动时立即隐藏，但进入桌面覆盖仍然存在。

  qtip-overlay div {

    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}  

Answer 1

我找到了解决这个问题的方法（来自 Stack Overflow）。我没有评论的权限，所以我会发布答案并在下面提及来源。

有一个unofficial Bootstrap Modal Modification 来解决响应式/移动问题。这可能是解决问题的最简单和最容易的方法。

或者你可以编辑bootstrap-responsive.css

.modal { 
    position: fixed; 
    top: 3%; 
    right: 3%; 
    left: 3%; 
    width: auto; 
    margin: 0; 
}
.modal-body { 
    height: 60%; 
}

和bootstrap.css

.modal-body { 
    max-height: 350px; 
    padding: 15px; 
    overflow-y: auto; 
    -webkit-overflow-scrolling: touch; 
}

希望这会有所帮助。答案来自this question，由acconrad 回答。如果您发现一些有用的东西，请在给定的链接上为他投票。