我正在为我开发的应用程序创建一个网站。网站的背景是一张照片,我在照片上用Photoshop放了一台桌子和一个iPhone,iPhone上显示着我的应用程序的主屏幕。我想将背景图像映射,这样当你点击屏幕时,它会带你去某个地方。我知道如何映射图像,因此我已经使用
<img>
标签测试了图像映射。它工作得很好;然而,我想让图像具有“background-size: cover;”属性,这样它可以在任何时候填充屏幕并保持纵横比,不留下任何空白。这个属性只适用于背景图像或<div>
标签;不幸的是,你只能在<img>
标签上映射图像(我想)。我已经研究了几个小时了。另外,我的图像映射是一个多边形,因此它是独特的。感谢您提前的任何帮助。![enter image description here](https://istack.dev59.com/7oNJ8.webp)
object-fit
。 - CBroe