如何使内容浮动页面/弹出窗口不起作用

Question

我一直在构建一个可以添加到任何网站的反馈脚本。它在基本的html页面上完美运行。但是，我决定将它放到我们的主页上然后事情开始破裂。首先，启动工具的按钮显示在页面上的其他元素后面。其次，它甚至不起作用。谁能告诉我如何解决这些问题？我尝过顶级：xxxx;而且还没有奏效。

非常感谢你！

奥斯汀

现场：https://myhexa.co

基本HTML预览：https://myhexa.co/feedback/preview.html

Answer 1

只需将Feedback按钮和弹出窗口的z-index属性设置为大于10的任何值（因为您网站上的某些部分使用z-index：10）所以只需设置z-index属性即可。

Answer 2

您只需要将css添加到.feedback_form_button元素。

// To make button and form come on top of every thing.
.feedback_form_button, .feedback_form_window{
  z-index: 999
}

<强>更新 为了获得更好的视图和焦点，尝试创建叠加层，或者也可以执行以下操作：

用主页的html中的任何类创建一个div，例如。 <div class="test"></div> 并添加如下所示的CSS：

.test{
height: 100%;
width: 100%;
display: inherit;
z-index: 998; // should be less than zindex of button
background: red; // change according to your theme
position: fixed;
top: 0;
opacity: 0.9; // change according to your need.value in >=0 or <= 1
}