css - 用图像覆盖整个 div

Question

对于我的 joomla 3.x 网站，我使用的是基于 EF4 框架的模板。我将宽度“5”分配给位置 top2-1，将宽度“7”分配给位置 top2-2。 我想在 top2-1 位置为主页 ( http://francescaleso.com/it/ ) 创建一个自定义 html 模块，以显示完全填充它的背景图像。 我已经按照本网站上的建议尝试这样做:

.homeimg {
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-image: url(/images/headers/home-image.jpg);
}

而模块只有

 <div class="homeimg"></div>

图片的路径是正确的，因为如果我尝试“在新标签页中打开”，它会正确显示，但它不会显示在我的主页上。

Answer 1

在 CSS 中进行这些修改。

.homeimg {
    background-size: cover;
    background-position: center;
    background-image: url(/images/headers/home-image.jpg);

    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
}