カテゴリリストビューのみでの背景画像:repeat-yの問題

Daxのcodeを使用し、background-repeatを「repeat-y」に設定しました。私は、アップロード前に1920x1440にスケーリングした、真っ白な用紙の高解像度画像をImgurに配置しました。最初は動作が正常に見えるのですが、カテゴリ一覧ビューでは画像がスケーリングされたり、縦方向に繰り返されたりしないという問題があります。ただし、カテゴリビューでズームアウトすると、背景画像がスケーリングされているように見えたのですが、75%までズームアウトすると、それもスケーリングされなくなりました。

ヘッダーの問題については、修正できないと確信しています。そこは気にしないでください。正直なところ、この背景画像機能を使うつもりはないのですが、あえて指摘しておきました。

編集:投稿スレッドビューは、以下に示す通り正常に動作しているようです。色がおかしいのは、現時点では実現可能性のテストをしているだけ(サイトはまだ公開されていません)だからです。前述のヘッダーの問題が、画像を使用しない主な理由だと思われます(それに加え、特定の状況でのテキストの可読性の問題もあります)。

「いいね!」 1

推測ですが、そのページのコンテンツが短いことが原因で、#main がウィンドウの高さの 100% を満たしていないようです。#main { height: 100vh; } を追加すれば、背景がページ全体を埋めるでしょうか?あるいは、背景画像を HTML タグに移動させることもできます。

「いいね!」 3

これで解決しました!今日は2回も修正していただき、本当にありがとうございます!:grin:

動作に関する補足:100vh では何も変化がなく、1000vh にするとスクロールバーが意図しない挙動(何もない下方向へスクロールしてしまう)を示しました。200vh もスクロール距離が多すぎたため、10 単位で徐々に増やして調整しました。面白いことに、背景が複製されなかったため、下部には元のカーキ色(通常)の背景が現れました。これは 140vh に到達するまで維持されました。

「いいね!」 1