我使用avada作为客户站点,他们选择的设计方向需要成像背景。当我放置图像并预览网站时,默认情况下,图像会放大以适应Avada的空间。它为我提供了容器背景选项中的选项来更改“中心,中心顶部等”,但我希望图像适合容器。有没有办法可以做到这一点是额外的CSS还是内联?
您可以使用background-size
覆盖background-size: contain !important;
规则
要对此进行测试,请将类名称“contains-img”(没有句点)添加到容器中,并将此规则添加到页面级CSS(靠近顶部):
.contain-img {
background-size: contain !important;
}