кнопка с отображением изображения, запускающая предупреждение javascript

Question

У меня большое изображение с графическим изображением кнопки. Я не хочу, чтобы все изображение было кликабельным, просто изображение кнопки.

Когда пользователь нажимает кнопку, должно появиться предупреждающее сообщение JavaScript. Можно ли это сделать с помощью JavaScript и карты изображений?

Спасибо!

Answer 1

конечно, вы можете просто создать div, размер которого будет соответствовать размеру изображения, и разместить внутри него кликабельную область:

<div style="background: url(path/to/image.jpg); height: 200px; padding: 50px 0pt 0pt 50px;">
  <a onClick="alert('Button Clicked!');" href="#">
    <div style="height: 20px; width: 30px;"></div>
  </a>
</div>

Answer 2

выполнимо

Вы можете скрыть кнопку под изображением, может возникнуть головная боль при позиционировании, хотя