モーダルはFirefoxとIEで動作しますが、Chromeでは動作しません

Question

なぜ私のモーダルはクロームで動作しないのですか？クリックしたときに、背景の色あせとクロム開発ツールの前後に同時に読み込まれ、同時に内容がなくなります。

ここcodepen： codepen.io/tnguyenbco/pen/BLjGbV

iは以下のよう

CSSをロードし、ポップアップし、それをクリックして上の別のHTMLでのモーダル体をリンク：

.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"> 

Answer 1

私はそれを理解したと思います。私は外部HTMLファイルから自分のモーダルをリンクするときにクロムがクロスオリジンリクエストをブロックしているようです。 herokuでテストされ、それは動作しています。

ありがとうございました