なぜ一部のウェブサイトでポップアップを表示できないのですか？

Question

私はクロム拡張を行い、私の拡張はウェブページにポップアップを表示します。次のようにポップアップクラスの

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

とCSS：私はこのようなdivのタグによってポップアップを作成

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のWebページ上で動作するときに表示することはできません。

JavaScriptコードで何が問題になっていますか？どのようにWebページでポップアップ表示できますか？

ありがとうございました。

Answer 1

私はちょうどチェックし、StackOverflowのCSSはクラスをdisplay: noneで定義しています。 Chromeの[Inspect Element]パネルを使用してdivにDOMが追加されているかどうか、display: noneスタイルが適用されているかどうかを確認します。私はあなたのCSSクラスのためのユニークな名前を思いついてこれを修正したいと思います。