일부 웹 사이트에 팝업이 표시되지 않는 이유는 무엇입니까?

Question

크롬 확장 프로그램을 만들었고 내 확장 프로그램이 웹 페이지에 팝업을 표시합니다. 나는이 같은 DIV 태그로 팝업을 생성 :

var myPopupDiv = document.createElement('div'); 
myPopupDiv.className = "popup"; 
document.body.appendChild(myPopupDiv); 

그리고 팝업 클래스에 대한 CSS를 다음과 같이

내 팝업 때때로 일부 페이지에 표시 이유를 알고 때로는가 표시되지 않습니다 해달라고

div.popup { 
color: #fafafa !important; 
border-color: #000000 !important; 
border-width: 0px !important; 
-webkit-border-radius: 10px !important; 
background-color: #363636 !important; 
font-size: 16px !important; 
padding: 8px !important; 
overflow: visible !important; 
z-index: 999999 !important; 
text-align: left !important; 
cursor: default; 
position: absolute !important; 
} 

다른 사람들에게. 특정 경우에, 나의 팝업은 내 확장 기능이 stackoverflow 웹 페이지에서 작동 할 때 나타날 수 없다.

내 자바 스크립트 코드에 어떤 문제가 있습니까? 어떻게하면 모든 웹 페이지에 팝업을 표시 할 수 있습니까?

도움 주셔서 감사합니다.

Answer 1

방금 ​​체크했는데 StackOverflow의 CSS는 클래스를 display: none으로 정의합니다. Chrome의 '요소 검사'패널을 사용하여 div가 DOM에 추가되었는지 확인하고 display: none 스타일이 적용되었는지 확인합니다. CSS 클래스의 고유 한 이름을 사용하여이 문제를 해결할 수 있습니다.