Jquery z索引属性不起作用

嗨，伙计，我有以下代码，当我点击一些按钮时，我不会这么做，只会点击没有

的内容

#一些

标签

在这种情况下，
fadeTo
涉及
#一些
标签

<div id="content">
<div id="some"></div>
</div>


#content{
width:100%;
height:100%;
outline:1px solid red;
margin:auto;
z-index:0;}


#registration,#login{
    width:350px;
    height:300px;
    outline:1px solid blue;
    display:none;
    z-index:500;
    position:fixed;}


   $(".button").click(function(){ 
            $("#some").fadeToggle();
            $("#content").fadeTo(500,0.5);
 });


#内容{
宽度：100%；
身高：100%；
轮廓：1px纯红；
保证金：自动；
z索引：0；}
#注册，#登录{
宽度：350px；
高度：300px；
轮廓：1px纯蓝色；
显示：无；
z指数：500；
位置：固定；}
$（“.button”）。单击（函数（）{
$（“#一些”）.fadeToggle（）；
$（#content”）.fadeTo（500,0.5）；
});
属性仅适用于非静态定位元素。i、 e.您需要使用元素的
相对
、
绝对
或
固定
位置之一

在这种情况下，您可能需要
position:relativeCSS声明


老实说，我不知道为什么在这种情况下使用
z-index

如果要将
#some
元素从
.fadeTo（）
方法中排除，可以通过一个（或多个）元素包装
#内容
的内容，并对其应用该方法，如下所示：

$（“.button”）。单击（函数（）{
$（“#content”）.find（“：not（#some）”）.fadeTo（500,0.5）；
});

HTML

<div id="content">
    <div id="some"></div>

    <p>This is a paragraph</p>
    <a href="">A link here</a> <br>
    <img src="http://placehold.it/50" alt="may be an image here">
</div>


这是一段




我可能错了，但我相当确定，要包含在z索引中的两个元素必须具有非静态定位

因此，如果您使您的#内容和#注册#登录非静态元素，它应该可以工作
 事实上，它们必须处于相同的堆叠上下文中。为元素设置
位置
和
z-index
属性时，它会为元素创建一个新的堆叠上下文。然后，它的行为与任何其他元素一样。您不需要在其子项上重复
z-index

正如您在本例中所看到的，第二个div的子级
具有最高的z索引
z索引：4但是！它仍然“在”
div3
下，因为
div3
有自己的堆叠上下文，它位于
div2
堆叠上下文之上


这意味着
z-index
在手工创建的堆叠上下文中完全无用。
如果您有两个这样的div
，

它们都有一个
绝对
位置，您可以编写
z-index
属性

.a {
  z-index:1;
}
.b {
  z-index:2;
}

.a
div结束了
.b
div
好吧，非静态定位元素事实上，它们必须在相同的堆叠上下文中。为元素设置
位置
和
z-index
属性时，它会为元素创建一个新的堆叠上下文。然后，它的行为与任何其他元素一样。您不需要在其子级上重复z索引