css - 古いバージョンで css3 がサポートされていない場合の対処方法

Question

私は CSS3 でコーディングしていましたが、Chrome 10 などの一部の古いバージョンのブラウザーはこれをサポートしていません。3D変換をしています。ボタンを回転させているところですが、IE10や古いバージョンのブラウザでも機能しません。すべてのブラウザで実行する方法はありますか。私はjavascriptにあまり慣れていません。助けてください

Answer 1

UI を開発するときは、ブラウザーの要件を確認し、対象となるすべてのブラウザーですべてが機能することを確認する必要があります。

残念ながら、これに対する魔法の薬はありません。古いブラウザ用に開発している場合は CSS3 を避けてください。ただし、IE10 では動作しません。

新しい質問を作成し、個別の質問として機能しないコードを貼り付けることをお勧めします。

Modernizrなどのライブラリに興味があるかもしれませんが、それは問題の内容によって異なります。

Answer 2

CSS3 をサポートしていないブラウザーで CSS3 を動作させる実際の方法がないため、実際にはいくつかのオプションがあります (ただし、CSS3 PIE はhttp://css3pie.com/に少し役立つかもしれません)。

グレースフル デグラデーションまたはプログレッシブ エンハンスメントの 2 つの方法を選択できます。

グレースフル デグラデーションは基本的に、最新のブラウザーに最適なテクノロジ (CSS3) を使用してトップ レベルのユーザーをサポートし、最高のエクスペリエンスを提供しますが、ユーザーに少ない機能を提供するために、グレースフル デグラデーションを使用してレイヤーと効果をゆっくりと削除することができます。合理的または同様のレベルの機能を提供しながら、CSS3 が提供できるもの。これを行うには、さまざまなブラウザーにさまざまなスタイル シートを提供して、ブラウザーの機能に合わせ、対応できる最善の方法を提供します。

プログレッシブ エンハンスメントは上記とは逆のようなものです。すべてのブラウザで使用できる一定レベルの標準から始めて、すべてのブラウザが同様のレベルの機能を備えていることを確認します。さまざまなスタイルとプロパティを、さまざまなブラウザーのさまざまなスタイル シートに組み込みます。

どちらを選択するかは問題ではありませんが、ブラウザの互換性が向上し、新しい調整が行われるようになったため、グレースフル デグラデーションがより一般的になっています。

ハイエンド ブラウザのサポートから始めて、すべての機能をサポートできないローエンド ブラウザの CSS を可能な限り剥がすことをお勧めします。その後、必要に応じて、それらのブラウザのサポートを中止するか、潜在的に見てください。ブラウザの機能が劣るバージョンのアニメーション/3D 変換 (私がほとんど知らないこと) の他の方法に変換します。

幸運を！