ロバのための3つの薬

Microsoftの優れた(市場シェア別)作成-バージョン7より前のInternet Explorerブラウザーには多くの欠点がありますが、その中で現代のWebデザイナーと開発者は最も悩みの種です。

すべてのIEユーザーがバージョン7にアップグレードする場合、これらの問題を解決する必要があります。 待ちたくない人のために、私はこれらのブラウザの病気のための3つの最高の治療法を提示します。
3つのソリューションのうち2つはHTMLコンポーネント(.htc)で、1つはJavaScript + .htcに基づいています。 他のHTCブラウザは理解しておらず、悪いことは何も起こりません。 JavaScriptは条件付きコメントを介して接続します。
ユーザーがページでのActiveXの実行を無効にしている場合、HTCは機能しません。 スクリプトを無効にすることもできます。 さらに、バージョン番号には自然な制限があります-IE 5.5よりも古いものではありません。 そのため、改善が役に立たないユーザーは常に存在しますが、そのような「ひどい」ものから何を得ることができます!

擬似クラス ":hover"を含めます-何でも:Peter Nederlofからのホバー


ウェブサイトhttp : //www.xs4all.nl/~peterned/csshover.html
デモhttp : //www.xs4all.nl/~peterned/examples/cssmenu.html
ファイルhttp : //www.xs4all.nl/~peterned/htc/csshover.htc
IEはこの擬似クラスをタグAについてのみ理解します。そのような制限がどこにあるのかは明確ではありませんが、ポップアップメニューやその他の「マウスセンシティブ」な特殊効果の作成は当然困難です。
何でも簡単に適用できます :ホバー:
  1. ファイルをダウンロードして、たとえば/ css /フォルダーに入れます
  2. HTMLページのスタイルで、次のように記述します
    body{
    behavior: url(/css/csshover.htc);
    }

その後、擬似クラス「:hover」を簡単に使用できます。
使用の制限について(私の練習では満たされていませんが)は、サイトで読むことができます。
このHTCの2番目のバージョン( http://www.xs4all.nl/~peterned/htc/csshover2.htc )もありますが、そこでのイノベーションはそれほど必要ではなく、さらに大きな制限があるため、最初のバージョン(継続開発)。

半透明PNGを作成する-IE PNG Fix by Angus Turnbull


ウェブサイトhttp : //www.twinhelix.com/css/iepngfix/
デモhttp : //www.twinhelix.com/css/iepngfix/demo/
ファイルhttp : //www.twinhelix.com/css/iepngfix/iepngfix.zip
PNGでは、8ビットのアルファチャンネルを使用できますが、ロバが灰色の背景に半透明の領域を表示していると便利です。
この問題の多くのソリューションは、IMGタグのみ、または要素の背景のみに関係していました。 IE PNG修正プログラムを使用すると、両方の場合にスチームを実行できなくなります。 そのため、次を適用します
  1. ダウンロードファイル
  2. たとえば、cssで記述します。
    img, div {behavior: url(iepngfix.htc)}
    または
    * {behavior: url(iepngfix.htc)}

制限は背景画像に適用されます-それらは繰り返されません(background-repeat: no-repeat)、配置された(background-position:*)-また、背景はフィルターを通過するので、使いやすくしました。

すべて一度に-IE7 by Dean Edwards


ウェブサイトhttp : //dean.edwards.name/IE7/
デモhttp : //dean.edwards.name/IE7/compatibility/Pure%20CSS%20Menus.html
ファイルhttp : //downloads.sourceforge.net/ie7/IE7_0_9.zip?modtime=1124553772&big_mirror=0
このライブラリは、IE 5および6でPNGを使用する機能を提供するだけでなく、CSS2セレクター(ホバーを含む)、CSSプロパティmax / min-width / height、「position:fixed」を含み、さらに多くの便利なことを行います。
IEは現在標準に準拠しており、ハッキングや回避策は過去のものです、と著者は言います。 私は声明に注意して試してみることをお勧めします:
  1. ダウンロードファイル
  2. <head>ページでは、META content-typeの後に書いてください:
    <!--[if lt IE 7]> <script src="/ie7/ie7-standard-p.js" type="text/javascript"> </script> <![endif]-->

多くの制限があります 。 CSSの改善は、タグに直接記述されたスタイル(インラインスタイル、スタイル= "*")には適用されません。 スクリプトによってドキュメントの構造が変更された場合、後でdocument.recalc()を呼び出す必要があります。 著者が提案したメソッドのフレームワーク内( http://dean.edwards.name/IE7/caveats/ )でのみ、classNameおよびruntimeStyleプロパティを使用してJavaScriptで作業できます。


Source: https://habr.com/ru/post/J13067/


All Articles