爲什麼我無法在某些網站上顯示彈出窗口？

Question

我做了一個Chrome擴展，我的擴展將顯示在網頁上彈出。我用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網頁上工作時，我的彈出窗口不能顯示出來。

我的javascript代碼有什麼問題？我如何在任何網頁上彈出顯示？

感謝您的幫助。

Answer 1

我剛剛檢查過，StackOverflow的CSS定義了一個popup類和display: none。使用Chrome「Inspect Element」面板檢查您的div是否已添加到DOM，以及是否應用了display: none樣式。我想通過爲您的CSS類提供一個唯一的名稱來解決這個問題。