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

时间:2016-09-13 21:22:56

标签: javascript css modal-dialog

不确定为什么我的模态不能用于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">

1 个答案:

答案 0 :(得分:0)

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

全部谢谢