相对于背景图片的位置

Question

最近我终于让我的网页游戏响应而且我正在努力奋斗。 我研究过，为了让我的div在我需要设置位置的每个设备上都是合适的大小：父元素上的相对位置，我希望响应的div上的位置：绝对，以及我得到的部分。

但是，我需要将div与背景图像相关联，因为背景的部分可以通过div进行点击。任何人都可以指导我如何做到这一点？最近我看起来像这样：

我相信通过在我当前设置的背景图像上设置适当的属性，我可以达到我想要的效果：

#corridor {
/*position: relative;*/
height: 100vh;
width: 85%;
float:right;
background: url("corridor.jpg");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}