Jquery 防止元素落后于固定div

考虑下面的例子

HTML

---

单击“单击此处”链接时，类

content

的内容会落后于

top

类，有什么方法可以防止这种情况发生吗？与id

内容的内容一样，内容应始终显示在class
top
之后，这可以使用CSS或jQuery实现吗？
这是
z-index
CSS属性。仅当元素
位置
不是静态的：
固定的
、
相对的
或
绝对的
时，它才生效：


.top a{
z指数：10；
位置：绝对位置；
左：20px；
顶部：10px；
背景色：#ddd；
}
#内容{
边框：1px实心#8989；
填充顶部：30px；
}

你好
内容在这里内容在这里内容在这里内容在这里内容在这里内容在这里内容在这里内容在这里内容在这里内容在这里内容在这里内容在这里内容在这里内容在这里内容在这里内容在这里内容在这里内容在这里
在cssFirst（）中设置
z-index
属性，将其修复为-您可以重新创建该问题吗？我们在这里所做的是通过向该类添加z-index来防止元素位于类的顶部
top
。我要求的是如何防止元素落后于该类？如果您在代码中将不透明度设置为“top”类，您将看到元素仍在该类后面。@LuckyAli您的
.top
是
#content
的父级，因此
.top
不可能位于
#content
之上。请提供工作代码段或JSFIDLE以解决问题。好的，我会做一个小提琴。给我一点时间。
<div class="top">
    Hello
    <div>
        <a href="content">Click Here</a>
        <div id="content">Content Here Content Here Content Here Content Here Content Here Content Here Content Here Content Here Content Here Content Here Content Here Content Here Content Here Content Here Content Here Content Here Content Here Content Here
        </div>

.top{
     position: fixed;
}  

#content{
     margin-top: 100px;
}