我一直在构建一个可以添加到任何网站的反馈脚本。它在基本的html页面上完美运行。但是,我决定将它放到我们的主页上然后事情开始破裂。首先,启动工具的按钮显示在页面上的其他元素后面。其次,它甚至不起作用。谁能告诉我如何解决这些问题?我尝过顶级:xxxx;而且还没有奏效。
非常感谢你!
奥斯汀
答案 0 :(得分:0)
只需将Feedback按钮和弹出窗口的z-index属性设置为大于10的任何值(因为您网站上的某些部分使用z-index:10)所以只需设置z-index属性即可。
答案 1 :(得分:0)
您只需要将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
}