以下は、CSS3 におけるグレースフル デグラデーションとプログレッシブ エンハンスメントの違いをまとめたものです。興味のある学生は参照してください。
プログレッシブな機能強化: 最も基本的な機能を確保するために低バージョンのブラウザー用のページを構築し、効果やインタラクションを改善し、高度なブラウザー用の機能を追加してより良いユーザー エクスペリエンスを実現します
グレースフル ダウングレード 劣化: からの完全な機能を構築します。違い: グレースフル デグラデーションは複雑な現状から始まり、ユーザー エクスペリエンスの提供を削減しようとしますが、プログレッシブ エンハンスメントは非常に基本的なものから始まります。動作するバージョンから始めて続行します。将来の環境のニーズに合わせて拡張します。ダウングレード (機能の衰退) は過去を振り返ることを意味しますが、漸進的な強化はその基盤が安全地帯にあることを確認しながら将来を見据えることを意味します
「グレースフル ダウングレード」の考え方は、最も先進的で完全なものを対象とすべきであると信じています。ブラウジング Web サイトをデザインすること。 「古い」とみなされるブラウザや機能が欠落しているブラウザでのテスト作業は開発サイクルの最終段階で行われ、テスト対象は主流ブラウザ(IE、Mozilla など)の前のバージョンに限定されます。
「漸進的強化」の観点では、コンテンツ自体に焦点を当てるべきであると考えています。
JS+CSS3でマウスと画像間のインタラクティブな拡大効果を実現