html - 当图像宽度远小于其高度时背景覆盖网页

标签 html css image

在覆盖背景方面处理高度远大于宽度的图像的最佳方法是什么?

我的图像是 1026x2258(宽 x 高)并且显示得很糟糕。

有什么技巧可以应对这种情况吗?无法对图像进行更多裁剪。

理想情况下,它应该适合高度在 1700-1800 像素左右的 div 容器,但是对于这个宽度,它必须进行大量操作,以至于您几乎看不到图像。

最佳答案

我倾向于使用background-size: coverbackground-position: center

这样你就可以看到图片的中间部分

关于html - 当图像宽度远小于其高度时背景覆盖网页,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33290370/

相关文章:

javascript - 为什么 $(document).ready();不明确的?

javascript - 侧边栏不会强制触摸父 Div 的底部

html - 输入标签的文本对齐

html - 覆盖或添加样式到 bootstrap 3 中的预定义类

C# 图像识别性能——比较图像列表和图像字典

python - 如何使用 Django 检查数据是否为 ​​TSV/CSV 格式(不是扩展名)

html - 如何使用 SASS 更改主题

css - 如何减小 rich :Editor in jsf 的大小

c# - 编辑图像的细节

javascript - 无法调用函数