ウェブサイトをIE6、7、8、9の古いバージョンに対応させるための3つのソリューション

Microsoft は後からブラウザの研究開発に力を入れてきましたが、実際のところ、最新の IE ブラウザは WebKit ベースのブラウザや Firefox に遅れをとっていることが多いのです。 IE の以前のバージョンにも適応する必要があります。以下のヒントは、Web サイトを高速化し、Microsoft の主力ブラウザーで驚くほど快適に動作させるのに役立ちます。

htmlshiv.js

Remy の HTML5shiv は、JavaScript を使用して HTML5 要素 (メイン、ヘッダー、フッターなど) を作成します。JavaScript で作成された要素は、ある程度スタイル設定可能です。これがどのように機能するかについて長い時間をかけて考えることもできますが、誰が気にするでしょうか? この戦略は、すべての製品 Web サイトに必須です。

コードをコピー

コードは次のとおりです。

選択的

Selectivizr.js は、重要な last-child を含む、サポートされていない CSS セレクターとプロパティをポリフィルするための素晴らしいリソースです。最近の再設計では、selectivizr を組み込み、古い IE ブラウザーの詳細を見逃さないようにしました。実装コードは次のとおりです。

コードをコピー

コードは次のとおりです。

現代のプロジェクトには絶対に必要です。古いIEでのみ読み込まれます

<html> 条件付きコメント

あなたは以下の最もひどい状況を見たことがあるはずです。しかし、醜いかどうかは別として、このコードは実際には期待どおりに動作します。

コードをコピー

コードは次のとおりです。

<!DOCTYPE html>




 <html lang="en">

このコードスニペットは JavaScript を必要とせず、待機する必要もなく、重い JavaScript ライブラリも必要ありません。定義したスタイルクラスは、スプラッシュスクリーンなしですぐに有効になります。

Internet Explorer は競合他社に追いつきつつありますが、特に発展途上国では、古い IE ブラウザが依然として比較的人気があるのが実情です。幸いなことに、これらのリソースはすべての最新ブラウザで問題なく動作し、コストもそれほどかかりません。

<<: Linuxシステムの操作レベルの詳細な紹介

>>: div 内の img と span の垂直方向の中央揃えの問題について