如何隐藏模态

Question

如果我在模态框外单击，如何隐藏模态框？

是这样的吗？

.show_player {
    opacity: 0;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 530px;
    visibility: visible;
}
.show_player:target {
    opacity: 1;
    display: block;
    top: 0;
    visibility: visible;
}

Answer 1

点击事件由 JavaScript 管理，而不是 CSS。

如果在外部元素上有 .modal-backdrop class，这应该已经是模态框的默认行为了。有关详细信息，请参阅此内容：http://getbootstrap.com/javascript/#modals-usage

或者，您可以使用背景选项管理此行为：

data-backdrop="true"

http://getbootstrap.com/javascript/#modals-options

如果它不起作用，请检查您是否已将 bootstrap javascript 正确添加到您的页面：

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

或显示您的代码

如何隐藏模态

How to hide modal

bootstrap-modal