Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 协助z索引导致各种错误_Jquery_Html_Css_Wordpress_Z Index - Fatal编程技术网

Jquery 协助z索引导致各种错误

Jquery 协助z索引导致各种错误,jquery,html,css,wordpress,z-index,Jquery,Html,Css,Wordpress,Z Index,请浏览本网页- 这篇文章是由我开发的wordpress插件构建的。由于元素的z索引属性,我面临各种问题。这些问题是— 1) 滚动时,菜单与页面上的浮动条合并。 菜单的CSS- kodda_container { z-index: 999 !important; width: 1220px; height: 40px !important; background-color: ; border-top: solid transparent; border-right: solid transpar

请浏览本网页-

这篇文章是由我开发的wordpress插件构建的。由于元素的z索引属性,我面临各种问题。这些问题是—

1) 滚动时,菜单与页面上的浮动条合并。 菜单的CSS-

kodda_container {
z-index: 999 !important;
width: 1220px;
height: 40px !important;
background-color: ;
border-top: solid transparent;
border-right: solid transparent;
border-bottom: solid transparent;
border-left: solid transparent;
background-image: -webkit-linear-gradient(top, transparent, transparent);
}
浮动条的Css-

.scoreBox {
    background: #fafafa;
    border: 1px solid #d1d1d1;
    width: 100%;
    z-index: 997;
}
2) 单击“提交”按钮时,将显示一个中心框。隐藏时,中心框必须位于顶部

中心框的Css-

element.style {
    padding: 6px;
    word-wrap: break-word;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -18px;
    margin-left: -206px;
    z-index: 999;
    display: block;
}
3) 尝试单击主页上的登录和注册按钮-。这是登录/注册弹出窗口的实际样式。但是在“你有多棒?”这篇文章中,当我们单击登录/注册时,样式会更改为中央框的样式(单击提交按钮时显示的样式)

登录框的Css-

element.style {
    display: block;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -163.5px;
    margin-left: -230px;
    z-index: 10001;
}

请尝试告诉我解决这些问题的方法。

您的主页由以下人员设计:

http://dev.topyaps.com/wp-content/plugins/simplemodal-login/css/default.css?ver=1.0.7

鉴于您的内容页由以下人员设置样式:

http://dev.topyaps.com/wp-content/plugins/challenges/modal/jquery.modal.css?ver=3.9.1


看起来您可能有两个相互冲突的插件在工作。

您能显示一些代码和HTML吗?我想大多数代码都可以通过浏览器上的“Inspect Element”选项查看。如果你认为你需要一些特定的代码,请告诉我。我们不需要花时间去寻找你的代码,如果将来我们能更方便地帮助您并自己发布代码,或者提供一个JSFIDLE,其中只包含您需要帮助的部分,那就太好了。@Alin我想我的查询最多需要15分钟的时间。。如果浏览器有这个选项可以让开发人员更轻松,那么为什么不利用它呢。。一旦你打开我给你的链接,你就会自己理解这些问题。。我不是要求工作时间,只是需要对问题有一个基本的了解