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%;
}

Answer 2

----编辑---如果我玩绝对和相对位置，我得到这个：问题是图像不是未滚动空间的整个高度，并且还有一个不需要的填充或左边的东西...

用图像覆盖整个div

2 个答案: