2017-03-08 15 views
0

ウェブサイトを作成していて、本文に背景画像属性があります。私は、背景画像にピクセル単位で指定された幅を持たせたいが、何かを見つけることはできない。これは私がこれまで持っているものである背景画像にピクセル単位の固定幅を設定する方法

body { 
 
    background-image: url("http://kids.nationalgeographic.com/content/dam/kids/photos/animals/Birds/H-P/mallard-male-standing.jpg.adapt.945.1.jpg"); 
 
    background-size: cover; 
 
}
<!DOCType html> 
 
<html> 
 
    <body> 
 
    </body> 
 
</html>

+0

は、あなたがあなたのコード内で使用しようとしているイメージです....それが私にとってはうまくいかなかったように、私はそれをローカルイメージに変更すると正常に動作します。 – Toxide82

+0

誰かが答えを投稿しました。何らかの理由でdownvotedされましたが、今はなくなっていますが、 'background-size'プロパティは必要なものです。 – Brad

+0

タイトルに絵文字を入れるのが大好きです –

答えて

1

body { 
 
    background-image: url("https://images.unsplash.com/photo-1477915737647-b5246ee6de6f?dpr=1&auto=format&fit=crop&w=1500&h=1000&q=80&cs=tinysrgb&crop="); 
 
    background-size: 500px auto; 
 
    background-repeat: no-repeat; 
 
    background-attachment: fixed; 
 
    background-position: center; 
 
}
<!DOCType html> 
 
<html> 
 
    <body> 
 
    </body> 
 
</html>

0
.your-div { 
    display: inline-block; 
    width: 100px; 
} 
関連する問題