Jquery 协助z索引导致各种错误
请浏览本网页- 这篇文章是由我开发的wordpress插件构建的。由于元素的z索引属性,我面临各种问题。这些问题是— 1) 滚动时,菜单与页面上的浮动条合并。 菜单的CSS-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
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分钟的时间。。如果浏览器有这个选项可以让开发人员更轻松,那么为什么不利用它呢。。一旦你打开我给你的链接,你就会自己理解这些问题。。我不是要求工作时间,只是需要对问题有一个基本的了解