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

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

1 个答案: