我正在尝试从 Armani Brands 创建一个像这样的页面。他们的网站提供了许多不同的链接，但我只想将整个页面分成两部分，如下面的屏幕截图:http://i.stack.imgur.com/mhn8H.jpg
它会产生鼠标悬停效果，并且每个都会链接到不同的 url。
谢谢!
最佳答案
这不是一个真正的 StackOverflow 问题，因为您没有问一个非常具体的问题，但无论如何它都会出现:
好吧，你拿一个元素并给它两个子元素，它们将成为你的大图像。 float: left 他们。看起来左边的比右边的稍微小一点，所以给它们设置宽度，比如左边的 width: 45% 和左边的 width: 55%一个在右边。将它们的背景图像设置为您想要的图像，然后设置 background-size: cover 使图像占据整个元素。 background-position: 50% 50% 使 BG 图像居中。
这应该可以帮助您入门。以后提出更具体的问题。
关于css - HTML/CSS : image taking half screen with mouseover and link，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28284376/