不确定为什么我的模态不能用于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">
答案 0 :(得分:0)
我想我明白了。当我从外部html文件链接我自己的模态时,似乎chrome阻止了交叉原始请求。用heroku测试,它正在工作。
全部谢谢