Question

不确定为什么我的模态不能用于chrome。点击后，同时前后显示褪色和chrome dev工具加载的背景，中间没有任何内容。

codepen： codepen.io/tnguyenbco/pen/BLjGbV

我将模态主体与另一个HTML链接，点击它加载并弹出

CSS如下：

.modal{background:rgba(45,160,224,0.95);}
.modal-dialog{width:auto;
margin:0;}
.modal.fade .modal-dialog, .modal.in .modal-dialog {transform: none;}
.modal-backdrop.in{opacity:0;}

#myModal .modal-content {
border: 0;
border-radius: 0;
box-shadow: none;
padding: 81px 0;
background:none;
color:#ffffff;

}

.modal-title{margin-bottom:16px;
font-weight:700;}

.exit-modal{
font-size:48px;
text-align:right;
line-height: 1;
margin-bottom:24px;}

和html链接模态是

<a href="service-1-modal.html" data-toggle="modal" data-target="#myModal">

Answer 1

我想我明白了。当我从外部html文件链接我自己的模态时，似乎chrome阻止了交叉原始请求。用heroku测试，它正在工作。

全部谢谢

模式工作在Firefox和IE但不是铬

1 个答案: