Clever Geek Handbook

ロバのための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で作業できます。


More articles:


All Articles