私のjoomla 3.xウェブサイトには画像全体でdivをカバーします

Question

私はEF4フレームワークに基づいたテンプレートを使用しています。私は、top2-1の位置に幅 "5"を割り当て、top2-2の位置に "7"を割り当てました。 ホームページ（http://francescaleso.com/it/）のカスタムhtmlモジュールをtop2-1の位置に作成して、完全な背景画像を表示したかったのです。

.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

----編集---私は絶対的および相対的な位置でビットを再生する場合、私はこれを取得： 問題は、画像がunscrolledスペースの完全な高さではないということであり、また、左に不必要なパディングや何かがあります...