Нажав на элементы внутри повернутого 3d элемента? - PullRequest
0 голосов
/ 01 марта 2020

Итак, у меня проблема с небольшим веб-сайтом, который я создаю.

Я использовал преобразование CSS, чтобы разместить 3 изображения в виде стен (каждое внутри своего div). Внутри div-ов изображений у меня есть меньшие div-ы, на которые пользователь должен иметь возможность щелкнуть.

Однако трехмерная трансформация не влияет на кликабельную границу меньших div-ов. Это означает, что он остается двумерным и смещен от визуального элемента.

Или, по крайней мере, это то, что я думаю, происходит. В любом случае, кликабельная область не совпадает с визуальным расположением маленького элемента div, и я понятия не имею, как это исправить ...

У кого-нибудь есть идеи, почему это может происходить? А еще лучше, как это исправить?

screenshot with annotations

1 Ответ

0 голосов
/ 01 марта 2020

Используете ли вы какие-либо 3D-трансформации на задней стенке? Если да, можете ли вы разместить его без преобразования?

Однако вы можете попробовать применить стиль стены и к интерактивной области div. (вероятно, что-то вроде transform: scale(0.5);).

Вы можете попытаться применить transform-style: preserve-3d; также к своим элементам.

...