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

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

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

とモジュールのみ

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

私は「新しいタブで開く」しようとするので、画像のパスが、正しいことがあります。このようにすること、このサイト上で示唆したよう私が試してみましたそれは正しく表示されますが、私のホームページには表示されません。

出典

2017-07-02 94a94

私が正しく理解していれば、 'class =" span5 "'を持つdiv内に完全なイメージを含めたいと思います。達成するために、あなたの '

'を'

'に変更して働いただけです。これがあなたの問題を解決することを願っています！ここでは、それがどのように見えるのスクリーンショットです：[Imgur]（http://imgur.com/vQjGA5y） –

そうするなら、私はこれを得る：http://francescaleso.com/it/ そしてそれを見ることができるようにその区域を完全に覆わない。下のコメントの例を見ると、達成したいことがわかります。さらに、100％の高さにしたい（とスクロールしないとページを垂直に塗りつぶす）が水平にならないようにしたい。 – 94a94

CSSでこれらの変更を行います。

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

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

出典

2017-07-02 16:33:06

イメージはページの全体を覆う他のコンテンツは、私はそれの左上の部分だけをカバーする必要があります。ここには、私が**必死に達成しようとしている**の例があります： http://www.joomla.it/template/8718-ohio-template-only-v1-0.html 私は正直言って、手掛かりがありません。 – 94a94

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

出典

2017-07-02 18:53:55 94a94

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

答えて

関連する問題