На экране создать иллюзию трехмерного пространства между элементами нелегко без холста или механизма, помогающего в этом процессе.Мой вопрос заключается в том, можете ли вы получить все элементы, которые существуют в определенной выбранной координате X / Y в браузере.
Скажем, у вас есть два элемента div в контейнере, который мы можем притвориться нашим «Координаты X / Y» :
div {
width: 50%;
height: 200px;
float: left;
background: blue;
color: white;
}
.annoying {
position: absolute;
width: 100px;
left: 200px;
height: 100px;
background: red;
}
<div id="left">
Left side.
</div>
<div id="right">
Right side.
</div>
<div class="annoying">
Hmm, this gets confusing and unpredictable if I'm on the right side...
</div>
Идея не в том, «на что вы можете нажать?», А в том, как определить, какие элементы находятся в представлении z на определенном пикселе.Если бы я нажал на .annoying, когда он смотрит на правую сторону, я бы ожидал .annoying и #right.Нажатие на левую сторону .annoying приведет к .annoying и #left, если это имеет смысл.
Это меня озадачило, и я не имею ни малейшего представления о том, как подойти к этой проблеме.После поиска в Stack & Google мне не удалось найти точного совпадения пикселей.