Question

我在移动浏览器中出现模式弹出问题，但在Web浏览器中工作正常。当我打开弹出窗口时，背景模糊效果会出现一秒钟，并且在移动设备中进行触摸或滚动时会立即隐藏，但是会停留在桌面上。

  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

我找到了解决此问题的方法（来自堆栈溢出）。我没有发表评论的特权，所以我将发布答案并在下面提及来源。

有一个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回答。如果您发现有用的内容，请在给定的链接上赞他。

移动弹出窗口叠加问题

1 个答案: