Я хочу, чтобы мой img был доступен только для не-прозрачной области, потому что он блокирует образы, которые находятся за ним. Например, когда я нажимаю на север Франции, он выбирает Германию. Как это может быть возможным? У меня есть что-то вроде этого, и все страны - это изображение на странице html.Нажатие только непрозрачной области изображения на html
Вот изображение моего сайта:
Ваше изображение является JPEG. Он не имеет прозрачных частей. Однако самым простым способом назначить разные действия в разных регионах будет использование карты изображения. Я использовал this online tool для создания областей, соответствующих Франции и Германии. Вы должны иметь возможность создавать области для всех других стран всего за несколько минут.
<map name="Map" id="Map">
<area alt="" title="" href="#" shape="poly" coords="248,165,275,136,
316,127,327,117,314,96,321,77,337,68,344,68,336,90,332,97,335,114,
352,120,373,111,387,125,394,163,361,175,367,193,378,198,368,205,369,
215,363,214,350,226,323,240,288,238,312,197,274,185"
onclick="alert('Germany'); return false" />
<area alt="" title="" href="#" shape="poly" coords="159,199,194,202,
196,186,202,184,218,192,235,179,236,169,249,167,277,186,314,197,289,
235,302,239,304,274,292,286,260,281,250,298,222,289,215,291,193,285,
202,256,196,232,175,216,159,213"
onclick="alert('France'); return false" />
<!-- et cetera -->
</map>
<img src="http://i.stack.imgur.com/pGuAF.jpg" alt="" usemap="#Map" />
Вы могли бы назначить [ImageMap] (https://developer.mozilla.org/en-US/docs/Web/HTML/Element/map) с полигона 'area' в желаемую страну, а затем присвойте событиям щелчка этой «области» вместо всего изображения. – Blazemonger