我试图使用
particles.js脚本,所以粒子将浮动在整个页面(透明背景).我需要拉上颗粒上方的一些链接和按钮,因此它们是可点击的.
关于link,我能够把大的“C”元素放在大的“B”元素上,而在“C”元素上具有小的“b”元素？
我在想的是相对意味着相对于父母的z指数,而如果我将所有元素设置为绝对值,那么在大的“C”上显示小的“b”是可能的,但不是.有人可以为我解释吗
<div id="A">A<div id="a">a</div></div> <div id="B">B<div id="b">b</div></div> <div id="C">C<div id="c">c</div></div>
解决方法
我建议的是,为您的a(例如z-index：9999;)给出一个高价值的z-index,但确保a的父元素不具有较小的z-index值,因为元素的z-index将受其父母设定的价值限制.
所以对于你的问题,“我可以把大的”C“元素放在大的”B“元素上,而在”C“元素上有一个小的”b“元素？”,答案是不是因为你的小指数“b”元素将被其父“B”元素限制,而大的“B”元素低于“C”元素.
Here’s a working sample与一个容器显示下面的粒子同时连接工作.重要的是你应该有这个：
a{
position:relative;
z-index:9999;
}
并确保父(在这种情况下为.container)必须具有9999或更大的z-index值(或大于模式的z-index的任何值),否则将限制a和如果它低于模式的z-index,按钮将不会被点击.
如果您具有坚实背景的按钮,我建议您将伪元素的样式设置为较低的z-index,以允许模式出现在其上,同时保持链接本身的可点击性.
