如何通过chrome扩展通过CSS/Javascript插入按钮，使其始终显示在其他内容之上？

我有一个chrome扩展，通过一些javascript/css插入一个元素（按钮）。我希望按钮在特定点始终可见，但我发现有时按钮是隐藏的，或者在某些网站上仅部分可见

    // Place div in upper right
    var div = document.createElement('button');

        // Positioning
        div.style.position = 'fixed';
        div.style.boxSizing = 'border-box';
        div.style.display = 'block';
        div.style.zIndex = 100000000000000000000000000000000000;
        div.style.top = '140px';
        div.style.right = '20px';

在上面的CSS中，我将zIndex设置得非常高，认为它会强制按钮始终显示在顶部，但我发现这并没有发生（在一个没有发生这种情况的示例中附带的图片）

如何使按钮始终显示在顶部

---

您还需要确保包含DIV的父元素定义了CSS

position

属性？（即相对人）我实际上如何做到这一点？就css/javascript而言，这意味着我将在上面合并？您尝试过div.style.cssText='z-index:999'了吗？您能告诉我们在网页中附加div的代码吗？最大z-index是2^31-1=2147483647。更大的数字要么被钳制在范围内，要么更糟糕的是，只提取较低的32位。