모달은 파이어 폭스와 IE에서 작동하지만 크롬은 작동하지 않습니다.

Question

모달이 크롬에서 작동하지 않는 이유가 확실하지 않습니다. 클릭시 배경이 흐려지고 Chrome 개발 도구로드가 전후로 동시에 나타나며 그 사이에 내용이 없습니다.

여기 codepen : codepen.io/tnguyenbco/pen/BLjGbV

을 내가로드하고 다음과 같이

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로 테스트 한 결과 작동 중입니다.

감사합니다.