z-index在2个绝对div中不起作用

时间:2017-08-09 02:32:58

标签: css css3

我正在尝试使用以下网址复制/解决我的问题。

http://www.cssmojo.com/extras/everything_you_always_wanted_to_know_about_z-index_but_were_afraid_to_ask/

请查看以上网址,任何人都可以告诉我如何将“A”置于“a”之上,保持“A”作为绝对位置,我甚至在上面的URL中尝试过并且无法制作“A”在“a”之上使用z-index保持“A”为绝对位置。

3 个答案:

答案 0 :(得分:0)

我想尝试制作" A"在" a"之上是不可能的。

因为" A"是" a"的父母。

如果你想制作" A"在" a",移动" a"下一个" A"。

答案 1 :(得分:0)

当父元素位于absolute时,无法在其父元素后面呈现子元素。

话虽如此,给予子元素一个负数z-index会将它放在父元素中的所有其他内容之后。孩子仍然会在父母面前(因此它会阻挡可见的背景/边框),但取决于你的用例可能还不错。

尝试在该网站上设置“A”z-index1和“a”z-index-1,以了解我的意思。

答案 2 :(得分:0)

  • 您应将A用作relative,将B用作absolute

  • 然后你可以将A作为顶级