为什么我无法在某些网站上显示弹出窗口？

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类提供一个唯一的名称来解决这个问题。