Microsoftの優れた(市場シェア別)作成-バージョン7より前のInternet Explorerブラウザーには多くの欠点がありますが、その中で現代のWebデザイナーと開発者は最も悩みの種です。
- CSS2セレクターの不十分なサポート(特に、hover疑似クラスの弱いサポート)
- 透明度のグラデーションでのPNGサポートが不十分です。
すべての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.htcIEはこの擬似クラスをタグAについてのみ理解します。そのような制限がどこにあるのかは明確ではありませんが、ポップアップメニューやその他の「マウスセンシティブ」な特殊効果の作成は当然困難です。
何でも簡単に
適用できます :ホバー:
- ファイルをダウンロードして、たとえば/ css /フォルダーに入れます
- 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.zipPNGでは、8ビットのアルファチャンネルを使用できますが、ロバが灰色の背景に半透明の領域を表示していると便利です。
この問題の多くのソリューションは、IMGタグのみ、または要素の背景のみに関係していました。 IE PNG修正プログラムを使用すると、両方の場合にスチームを実行できなくなります。 そのため、次を
適用します 。
- ダウンロードファイル
- たとえば、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は現在標準に準拠しており、ハッキングや回避策は過去のものです、と著者は言います。 私は声明に注意して
試してみることをお勧めします:
- ダウンロードファイル
- <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で作業できます。