ホームページ  >  記事  >  ウェブフロントエンド  >  教えて下さい!画像が size_html/css_WEB-ITnose に自動的に適応する問題

教えて下さい!画像が size_html/css_WEB-ITnose に自動的に適応する問題

WBOY
WBOYオリジナル
2016-06-24 12:24:18835ブラウズ

#div_left_sidebar{
margin:10px auto 10px 10px;
border:0px #00ff00 ソリッド;
リピートなし左上; }


Side_beijing.jpg のサイズは 364X775 です。画像サイズを変更せずに、この背景画像を div のサイズに自動的に適応させるにはどうすればよいですか? 画像サイズが div で定義されたサイズより小さい場合はどうすればよいですか? ? アドバイスありがとうございます!

ディスカッションへの返信 (解決策)

background-size: cover;


成功しました、別の質問があります

ネストされた div_mains レイヤーが 3 つあります。次に、3 つのレイヤーに絶対配置を使用しましたが、それでも機能しません。アドバイスをお願いします。
CSS コード:
#div_main{
width:1000px;
背景:url(images/div_main_beijing.jpg) #CCC 余白: 20px auto auto auto;
border: 1px # CCC ソリッド;

}

#div_left_sidebar{
margin:10px auto 10px 10px;
border:0px #00ff00 ソリッド;
背景: url(images/side_beijing.jpg) #CCC 左上を繰り返しません。カバー;
幅: 200px;
高さ: 600px;
#div_zhongjian_sidebar{
左: 220px;
余白: 10px;
ボーダー:0px #00ff00 ソリッド;
背景: url(images/zhongjian_beijing.jpg) #CCC 左上;
幅: 560px;

#div_right_sidebar{
位置: 絶対 ;
左:790px;
マージン:10px 10px 自動;
背景: url(images/side_beijing.jpg) #CCC 左上;カバー;
幅: 200px;

ページコード: