Tailwind CSS 練習問題 70：背景画像の固定
📊 Qraftユーザーの成績
- 難易度 Bランク（レーティング1218）
- 難易度 591位/2795問中
- 正答率 75%（3/4回正解）
Tailwind CSSにおいて、ページをスクロールしても背景画像が画面上の同じ位置に固定され、コンテンツだけが移動するように設定したい（CSSの background-attachment: fixed; に相当）場合、正しいクラスはどれか。
- 背景画像の制御に `bg-attachment-fixed` を使う
- 背景画像の制御に `background-fixed` を使う
- 背景画像の制御に `bg-scroll-none` を使う
- 背景画像の制御に `bg-fixed` を直接指定して使う
- 背景画像の制御に `fixed-bg-image` を使う
正解と解説を見る
正解：背景画像の制御に `bg-fixed` を直接指定して使う
背景画像をスクロールさせずに画面上の同じ位置に固定するには「bg-fixed」クラスを使用します。
【正解の理由】
「bg-fixed」はCSSの「background-attachment: fixed;」に相当し、ページをスクロールしても背景画像がビューポート（表示領域）に対して固定されたままになる効果を生み出します。
【不正解の理由】
• 「『bg-attachment-fixed』を使う」という記述は誤り。CSSプロパティ名をそのまま長く書くクラス名ではありません。
• 「『background-fixed』を使う」という記述は誤り。背景に関するユーティリティの接頭辞は「background-」ではなく「bg-」に省略されます。
• 「『bg-scroll-none』を使う」という記述は誤り。そのようなクラスは存在しません（逆の挙動を示す「bg-scroll」は存在します）。
• 「『fixed-bg-image』を使う」という記述は誤り。修飾子が先頭にくるような命名規則にはなっていません。