css - 将背景图像包含到 Avada 容器

Question

我为客户网站使用 avada，他们选择的设计方向需要图像背景。当我放置图像并预览站点时，默认情况下图像会放大以适应 Avada 的空间。它为我提供了容器背景选项中的选项来更改“中心中心、中心顶部等”，但我想让图像适合容器。有什么方法可以做到这一点是额外的 CSS 还是内联？

Answer 1

您可以使用 background-size: contain !important;

覆盖 background-size 规则

要对此进行测试，请将类名“contain-img”(不带句点)添加到容器中，并将此规则添加到页面级 CSS(靠近顶部):

.contain-img {
    background-size: contain !important;
}