Может ли div быть кликабельным и перетаскиваемым только в том случае, если фоновое изображение непрозрачно?
Я делаю головоломку из частей, каждая из которых представляет собой отдельные <div> и background-image частей головоломки. Проблема в том, что части можно перетаскивать по всей области div, а не только там, где background-image прозрачен, что приводит к возможности перетаскивать части головоломки ни за что (что на самом деле является прозрачностью).
Вот ссылка на пример изображения, где розовый цвет представляет прозрачность, по которой изображение также можно перетаскивать.
Есть ли способ исправить это? Спасибо!
См .: stackoverflow.com/a/38488246/383904
предполагая, что вы знакомы с перетаскиванием HTML, единственное, что я могу придумать, - это проверить значение style.background, равное прозрачному в функциях ondragover и ondrop
Вы также можете попробовать использовать фигуры SVG с заливкой изображения.
Если вам не нужна абсолютная точность ... почему бы вам не создать дополнительные внутренние элементы в качестве дополнительных обработчиков?
Не могли бы вы включить минимальный воспроизводимый пример того, как выглядит ваш текущий код?
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Вполне возможно. Вам просто нужно включить тест для границ контейнеров div в свой код перетаскивания (который вы еще не опубликовали)