如何使带有背景图像的div可点击

<div class="clickable-div" style="background-image: url('your-image.jpg');"></div>

.clickable-div {
  width: 300px; /* 设置div的宽度 */
  height: 200px; /* 设置div的高度 */
  background-size: cover; /* 调整背景图像的尺寸以填充整个div */
  cursor: pointer; /* 将鼠标光标设置为手型，表示可点击 */
}

document.querySelector('.clickable-div').addEventListener('click', function() {
  // 执行点击时的操作，可以是跳转页面、显示弹窗等
});