我有以下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 {
position: absolute;
top: 0;
left: 0;
width: 1000px;
height: 700px;
}
svg {
overflow: hidden;
width: 100%;
height: 100%;
}
Abbreviations:
第一个父元素:p1
第二个父元素:p2
P1的子元素:c1
P2的子元素:c2
背景信息:
两个父元素都精确地位于彼此之上。p2似乎是“p1之上的一个完整层”。
Problem/Question:
目前我不能点击任何c1。没有机会。p2似乎是p1之上的一个完整层。如何管理c2仍然高于c1,但如果它们上面没有c2,则可以单击c1。
发布于 2015-11-09 02:27:55
您可以将pointer-events: none
添加到.parent
div,然后将pointer-events:all
添加到.child
div。
这意味着只有实际的孩子才能被点击。如果没有c2,那么c1应该是可点击的。
https://stackoverflow.com/questions/33606887
复制