当前位置 : 首页 » 互动问答 » 正文

如何使parent1中的子元素具有比父级2中的子元素更高的z-index(与其他父级中的z-index相同)?

分类 : 互动问答 | 发布时间 : 2015-11-09 10:18:01 | 评论 : 1 | 浏览 : 44 | 喜欢 : 0

我有以下HTML:

HTML

 <div id =“map”>
  <div class =“parent”>
    <SVG>
      <div class =“child”> </ div>
      <div class =“child”> </ div>
    </ SVG>
  </ DIV>
  <div class =“parent”>
    <SVG>
      <div class =“child”> </ div>
      <div class =“child”> </ div>
    </ SVG>
  </ DIV>
</ DIV>

CSS

 .parent {
  位置:绝对;
  top:0;
  左:0;
  宽度:1000px;
  身高:700px;
}

svg {
  溢出:隐藏;
  宽度:100%;
  身高:100%;
}

缩写:

第一个父元素:p1

第二个父元素:p2

来自p1的子元素:c1

来自p2的子元素:c2

背景信息:

双亲元素的位置正好在彼此之上。看起来p2是“p1上方的完整层”。

问题/问题:

目前我无法点击任何c1。没有机会。 p2似乎是p1上方的完整图层。我如何管理c2仍然高于c1,但是如果在它们上面没有c2,我可以点击c1。

回答(1)

  • 1楼
  • 你可以添加指针事件:none to the .parent divs,然后添加指针事件:所有 to the .child divs.

    这意味着只有实际的孩子可以被点击。如果没有c2,那么c1应该是可点击的

    这样的东西? http://jsfiddle.net/ekL6632c/1/

相关阅读: