ホームページ  >  記事  >  ウェブフロントエンド  >  背景が上部中央に配置される問題。 _html/css_WEB-ITnose

背景が上部中央に配置される問題。 _html/css_WEB-ITnose

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

高さ 110、幅が画面に適応する div を定義します。それに高さ 220、幅 1320 の背景画像を与えます。背景画像の上部を div の中央に配置するにはどうすればよいでしょうか。


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

座ってマスターを待ちます。

よくわかりませんが、次の 3 つの属性を変更してください。満足できるはずです。
背景サイズ: 100% 100%;
背景位置-x: 中心;

最初のものは何を意味しますか? 2 番目と 3 番目の x と y はこの div に関連していますか?

最初のものはどういう意味ですか? 2 番目と 3 番目の x と y はこの div に関連していますか?


1. 最初のものは背景のサイズで、パーセンテージは div に対する相対値です。
2. はい
div の幅は画面に適応するように設定されており、高さは 110 です。背景が background-size: 100% 100%; を使用している場合、幅も適応しますか?幅は伸びるのでしょうか?

div の幅は画面に適応するように設定されており、高さは 110 です。背景が background-size: 100% 100%; を使用している場合、幅も適応しますか?幅は伸びるのでしょうか?

背景サイズ: 自動 100%
はい。ありがとうございます

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。