使用CSS的全角滑块标题图像的焦点位置[关闭]

Question

关闭。此问题需要debugging details。它当前不接受答案。

---

是否要改善此问题？ Update the question，因此堆栈溢出为on-topic。

[<7天前关闭。

我想将滑块全角标题图像的焦点设置在中间。我尝试使用背景位置，但这不起作用，因为我认为使用了与背景URL不同的方法。

请参阅下面的链接。图像被裁剪以适合高度。您可以看到酒店房间的图像聚焦在图像的顶部。我想将焦点放在图像的中心以显示图像的重要部分。我知道我可以优化图像以适合它，但是我想保持灯箱的原始图像高度。

http://y1y.036.myftpupload.com/hotel/test?check_in=15-05-2020&check_out=22-05-2020&currency=JPY&v=8c1b67db499d

提前感谢。

Answer 1

尝试这种样式：

.outer-container{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 400px; 
    overflow: hidden;
}
.outer-container img {
    flex: none;
}