実稼働サイトでは、 にbackground-attachment: fixed画像を適用してbodyいます。このスタイル ルールをサポートしていないブラウザーにはグラデーション フォールバックを使用し、同じブラウザーがグラデーションをサポートしていない場合は無地の背景フォールバックを使用しています。問題は、確実に機能しないことです。
と を使用してbackground-attachment: fixedサポートを検出しようとしましたが、一貫性がなく、iOS および Android デバイスでかなりの数の誤検知が発生します。私は他の SO の投稿を読んだことがありますが、それらはすべて大きなマイナス面を持つ回避策を示唆しているように見えますが、同時に、ここにはトレードオフがあることにも気付きました。document.body.style@supports
また、なりすましの可能性があるため、ユーザー エージェントを検出してはならないという記事もよく読んでいます。ユーザー エージェントを検出し、グラデーション フォールバックをモバイル ブラウザーにのみ適用した場合、誰かがエージェントをモバイル ブラウザーとしてスプーフィングすることに実際にマイナス面はありますか? その場合、代わりにグラデーションの背景が表示されます。モバイル ブラウザーのユーザー エージェントをデスクトップ ブラウザー エージェントとして偽装しようとする人を心配する必要がありますか? 本当にやりたいとは言えません。なぜなら、それは私を部分的に殺してしまうからです。
昨夜、上記のことを考えたばかりですが、実際には、ユーザーエクスペリエンスを大幅に低下させない、プロダクションレベルのサイトにある種の同様のフォールバックを適用した人を探しています.