Html/CSS：带鼠标盖和链接的半屏图像拍摄

我正试图从阿玛尼品牌创建一个这样的页面。他们的网站提供了许多不同的链接，但我只想将整个页面分成两部分，如下图所示：

它会有鼠标悬停的效果，每个链接都会指向不同的url

---

谢谢

这不是一个真正的StackOverflow问题，因为你问的不是一个非常具体的问题，但不管怎么说，这里是：

好的，你取一个元素，给它两个子元素，这将是你的大图像。离开他们。看起来左边的比右边的稍微小一些，所以给他们一些宽度，比如左边的45%，右边的55%。将其背景图像设置为您想要的图像，然后设置背景大小：cover，以便图像占据整个元素。背景位置：50%50%使背景图像居中

这应该可以帮助你开始。以后，请提出更具体的问题。

查看您在问题中未链接到的内容后更新，我意识到您可能会专门询问悬停事件

我在Codepen上构建了与此非常相似的东西，因此这应该能够回答您的问题：

---

从本质上讲，这是一个与孩子的对话，直到父母悬停在其上方时才被隐藏。

你应该展示你迄今为止所做的尝试。