2017-01-05 10 views
0

私はウェブサイトを構築しています。私が望む位置に配置することはできません。CSS画像の位置/フォーカス

ウェブページ上の画像の「フォーカス」を画像の中央まで数pxにします。幅は全然見ることができますが、高さはありません。

画像の解像度は「5760x3840px」です。

私は画像の設定のためのこのCSSコードを持っています。

.topwidget{ 
    max-width: 100%; 
    height: auto; 
    background-image: url(../images/welcome_banner_bg.jpg); 
    background-repeat: no-repeat; 
    background-size: 100%; 
    background-position: bottom 1000px; 
    margin-bottom: 20px; 
    padding: 50px 0; 
} 
+0

あなたは、バックグラウンド・サイズを試してみました:100%; 100%;あなたが与えたバックグラウンドポジションを持つ –

+0

完全に拡大するように画像を編集するべきでしょうか? –

+0

あなたはbackground-sizeを試してみましたか? ..パーセンテージよりも... ...? –

答えて

0
Try this 
.topwidget{ 
    max-width: 100%; 
    height: auto; 
    background-image: url(../images/welcome_banner_bg.jpg); 
    background-repeat: no-repeat; 
    background-size: 100%; 
    **background-position: center 10px;** 
    margin-bottom: 20px; 
    padding: 50px 0; 
} 
+0

あなたのやり方はうまくいきませんでしたが、中心のpxを少し変更して解決しました! 。トップウィジェット{ 最大幅:100%; 身長:自動; background-image:url(../ images/welcome_banner_bg.jpg); background-repeat:no-repeat; background-size:100%; バックグラウンドポジション:center -425px; margin-bottom:20px; 埋め込み:75ピクセル0; } – racemi