コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > 本文

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

WBOY
リリース： 2016-06-24 12:02:38
オリジナル
1395 人が閲覧しました

高さ 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%
はい。ありがとうございます

関連ラベル：
中心 背景 上
ソース：php.cn
前の記事： タグ href 属性と onclickevent_html/css_WEB-ITnose 次の記事：役立つ情報をシェアしましょう！無料の 12 個のレスポンシブ モバイル Web サイト テンプレート download_html/css_WEB-ITnose
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
ページが突然 CSS またはブートストラップを取得できなくなります それで、私はページを開発しています。昨日その一部を実行してうまくいきました。そして今日は残りの作業を続けましたが、すべてがうまくいきました。通常の HTML ページとして開こうとす...
から 2024-04-06 21:58:04
0
1
800
他の CSS コードに関係なく、フレックスボックス内のテキストを強制的に垂直方向の中央に配置する方法はありますか? 開発中の Web サイトで使用されている大規模な CSS コードの一部である次の CSS コードがあります。 }.card-u{margin:20px;padding:20px;w...
から 2024-04-06 20:41:51
0
1
518
CSSでページ下部の謎の空白を解決する方法 Bootstrap と D3 を使用して単純な Web ページを構築しようとしていますが、下部の空白をすべて削除する方法がわかりません。それをなくしたいのです。 bodyとhtml...
から 2024-04-06 20:22:15
0
1
454
文字列を HTML コード (配列から生成) に置き換えるトップレベルのメソッド 次のような文字列があるとします... $htmlPattern="Usernameis:#name#andusercompanyis#company#"; 部分...
から 2024-04-06 17:40:41
0
2
410
Android 上の React-Native でステータス更新が機能しない スワイプ可能な水平ギャラリーに画像のペアを含むコードがいくつかあります。両方の画像の上部をクリックすると、画像がオフに切り替わるはずです。そのため、私が行ったのは、isImage2...
から 2024-04-06 16:54:10
0
1
410
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート