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

Click事件是使用JavaScript管理的，而非CSS。

如果你在外部元素上有.modal-backdrop类，那么这应该是你的模态的默认行为。有关详细信息，请参阅此处：http://getbootstrap.com/javascript/#modals-usage

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

data-backdrop="true"

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

如果它无效，请检查您是否已正确添加了引导程序javascript到您的页面：

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

或显示您的代码

如何隐藏模态

1 个答案: