2016-09-13 69 views
0

不知道爲什麼我的模式不工作在鉻。在點擊後只顯示褪色和鉻開發工具加載前後的同時沒有內容的背景。模態工作在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"> 
+0

Codepen/JSFiddle for this please。我甚至不知道它是自舉還是基礎(兩者缺乏經驗)。 –

+0

那麼,顯示模式的JavaScript是什麼?你在使用框架嗎? – epascarello

+0

給我一秒鐘讓我把它放在codepen – evilrod

回答

0

我想我想通了。看起來像鉻是阻止跨來源的請求,當我連接我自己的模態從一個外部的HTML文件。與heroku測試,它的工作。

謝謝全部

相關問題