模态工作在Firefox和IE，但不是铬

不知道为什么我的模式不工作在铬。在点击后只显示褪色和铬开发工具加载前后的同时没有内容的背景。模态工作在Firefox和IE，但不是铬

这里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">

来源

2016-09-13 evilrod

Codepen/JSFiddle for this please。我甚至不知道它是自举还是基础（两者缺乏经验）。 –

那么，显示模式的JavaScript是什么？你在使用框架吗？ – epascarello

给我一秒钟让我把它放在codepen – evilrod

我想我想通了。看起来像铬是阻止跨来源的请求，当我连接我自己的模态从一个外部的HTML文件。与heroku测试，它的工作。

谢谢全部

来源

2016-09-13 22:55:00 evilrod

模态工作在Firefox和IE，但不是铬

回答

相关问题