如何将整页背景与链接（或图像映射）相结合？

Question

我知道有many techniques如何将图像拉伸到整个页面。我喜欢基于“background-size：cover”的那些，但如果它是合理的，我可以使用另一种技术。我的问题是我需要通过一些悬停效果将链接挂钩到这个背景图像的某些部分 - 想象一下当你用鼠标悬停它们时，背景中的城堡上的图片会突出显示它的不同部分。

注意：

• 我更喜欢imagemap解决方案，因为它允许多边形热点。
• 请注意，我不希望图像顶部的组件具有自己的尺寸。