2016-09-13 3 views
0

не уверен, почему мой модальный не работает в хроме. после щелчка только фон, показывающий выцветание и загрузку инструмента chrome dev до и после, в то же время без содержимого между ними.модальная работа над 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 для этого пожалуйста. Я даже не знаю, если это бутстрап или основа (отсутствие опыта в обоих). –

+0

Итак, что такое JavaScript, который показывает модальный? Вы используете рамки? – epascarello

+0

дайте мне одну секунду, позвольте мне поместить его на codepen – evilrod

ответ

0

Думаю, я понял. похоже, что хром блокирует запросы на перекрестный поиск, когда я связываю свой собственный модальный файл с внешним html-файлом. Протестировано с герокой и работает.

Все

Смежные вопросы