• RSS
[JS]IE7、8でも background-size:contain が利用できるjQueryプラグイン「jquery.backgroundSize」

IE7、IE8 のブラウザでもCSS3 の background-size:containbackground-size:cover を使用するためのjQuery プラグインが jquery.backgroundSize です。

そこまでしてIE 対応が必要か…の話は置いておいて、今回は jquery.backgroundSize の基本的な使い方をサンプルに加えて、プラグイン使用に関する注意点も合わせてご紹介します。
続きを読む

[JS]IE8 以下で角丸を使えるjQuery プラグイン「jQuery curvyCorners」

CSS3 の border-radius を使えば簡単に角丸を実現できますが、CSS3 が対応していないIE8 以下でも角丸を使えるようにするjQuery プラグインが「jQuery curvyCorners」です。

jQuery curvyCorners は要素の四隅の半径を個別に指定できるだけでなく、背景画像に対しても角丸を適用させることができますので、

個人的には、IE9 とその他のモダンブラウザにはCSS3 の border-radius で角丸を指定した上で、IE8 やIE7 でも角丸に対応しないといけない…という場合にだけjQuery curvyCorners を利用しています。
続きを読む

[CSS]img タグの画像を border-radius で角丸にして表示する方法

以前に [CSS]CSS3 のborder-radius で角丸を作る方法の記事でも border-radius の基本的な使い方を紹介させていただきましたが、今回は「画像の四隅を角丸」にして表示させる方法のご紹介です。
続きを読む

[WP]IE6 や IE7 でのアクセス時にアラートメッセージを表示できるプラグイン「IE6 No More」

当ブログでは、IE下位バージョン向けの特別な対応(動作チェックも)はしていませんため、WordPressプラグイン「IE6 No More」というプラグインを利用して、IE7以下で閲覧させた際にページ上部にアナウンスを表示しております。

ちなみにプラグインの名称はIE6 No More ですが、IE7でもIE8でもアラートを出すことは可能です。

また、プラグインを有効化しただけではアラートメッセージは英語ですが、日本語に変更することも可能です。
続きを読む

[IE]PIE.htc を利用したIE8 以下向けの表示サンプル

IE6、IE7、IE8 でも一部の CSS3 のプロパティが使える「PIE.htc」 の記事でも紹介させていただいた PIE.htc ファイルですが、実際にIE6、IE7、IE8 で PIE.htc を使った場合の見え方はどのようになるのか??について、サンプルをまとめてみました。
続きを読む

[JS]IE6 でも :hover 疑似クラスが使えるなど、IE の HTML/CSS 表示を調整するライブラリ「IE7.js」

IE6 でも :hover:first-child の一部擬似クラスを使えたり、透過PNGの画像が使えるなど、ちょっと便利かも知れないライブラリ「IE7.js」。

今回は IE7.js の設置方法から、IE7.js を使って何か出来るのか?を簡単にまとめました。
続きを読む

[CSS]角丸をIE8以下でも利用できるようになる「border-radius.htc」の使い方と注意点

IE8以下のバージョンで「角丸」を実現させる方法は、PIE.htcIE-CSS3.htc などを使う方法もありますが、今回紹介させていただく border-radius.htc を使う方法もあります。

名前の通り border-radius のプロパティに特化した HTCファイルです。
続きを読む

[CSS]CSSで画像を縮小表示させる際に、IE7でもキレイに表示する方法

画像をCSSで縮小表示させる場合に、IE下位バージョンでは粗くなってしまい、キレイに表示されません。

IE6はあきらめるしかないですが、IE7の場合は画像の補間方法を指定することでそこそこキレイに表示させることができます。
続きを読む

[IE]IE6、IE7、IE8 で角丸やドロップシャドウなどを利用できる「IE-CSS3.htc」

以前に紹介させていただいた PIE.htc ファイルと同様、IE6、IE7、IE8 でも CSS3 のプロパティを利用できるファイルが「IE-CSS3.htc」です。

PIE.htc と基本的な使い方は同じですが、利用できるプロパティが若干変わってきます。
続きを読む

[CSS]IE6、IE7、IE8、IE9別のCSSハック一覧

IE6〜9 用にそれぞれ個別にスタイルを適応させたい場合のCSSハックのまとめです。

よく忘れるので、個人的な備忘録もかねてのご紹介です。
続きを読む

[IE]IE6、IE7、IE8 でも一部の CSS3 のプロパティが使える「PIE.htc」

IE下位バージョンでも CSS3 の border-radiusbox-shadowlinear-gradient などを利用できる便利な「PIE.htc」。

今回はこの PIE.htc ファイルの基本的な設置方法から「動かない時の対処法」まで簡単にまとめて紹介いたします。
続きを読む

[IE]IEをバージョン別に条件分岐させるif構文のまとめ

IE6にのみ特定のjavascript ファイルを有効にさせたり、IE8以下には専用のスタイルを適用させるなど、今でも何かと必要になるIE向けの条件分岐。

今回はそのようなif構文による条件分岐を、IEのバージョン6〜8に絞ってまとめました。
続きを読む