在bootstrap的CSS中样式中淡入淡出的样式。
如果模态框的div在当前页面中,那么有可能其他的样式被覆盖。解决方式就是重写下面CSS样式。
.modal.fade {
top: -100%; //bootstrap中的top是-25%
-webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
-moz-transition: opacity 0.3s linear, top 0.3s ease-out;
-o-transition: opacity 0.3s linear, top 0.3s ease-out;
transition: opacity 0.3s linear, top 0.3s ease-out;
}