[CSS]CSSで画像を透過させる際は、IE6用に filter: も併用する
リンク画像をロールオーバーさせる時など、要素を半透明にする場合はCSS の opacity プロパティを利用すれば動きます。 CSS3 からは opacity 1つで、モダンブラウザはほぼ動くようになったみたいですが、 … 続きを読む [CSS]CSSで画像を透過させる際は、IE6用に filter: も併用する →
View Article[CSS]IE6、IE7、IE8、IE9別のCSSハック一覧
IE6〜9 用にそれぞれ個別にスタイルを適応させたい場合のCSSハックのまとめです。 よく忘れるので、個人的な備忘録もかねてのご紹介です。 IE6 IE7 IE6 + IE7 IE8 IE6 + IE7 + IE8 IE … 続きを読む [CSS]IE6、IE7、IE8、IE9別のCSSハック一覧 →
View Article[IE6]Youtube の埋め込み動画をIE6に対応させる方法
Yotube 動画を自分のサイトやブログに貼付ける場合、iframe 版のスッキリしたタグを使いたい所ですが、 これだとIE6で動画が見えない… ので、企業サイトを中心にYoutube 動画をIE6 でも見れるように対応 … 続きを読む [IE6]Youtube の埋め込み動画をIE6に対応させる方法 →
View Article[JS]IE6でも滑らかなロールオーバーを実現させるには「smoothRollOver.js」が便利
リンク画像にマウスを乗せると滑らかなロールオーバーを実現させることができるjavascript が smoothRollOver です。 ロールオーバー前と後の2種類の画像を用意して、smoothRollOver のファ … 続きを読む [JS]IE6でも滑らかなロールオーバーを実現させるには「smoothRollOver.js」が便利 →
View Article[IE]IE6でも min-width、min-height、max-width、max-height を使う方法
またまたIE6ですが、 IE6 ではCSSの「min-width」「min-height」「max-width」「max-height」が効かないため、javascript などを利用して別途対応してあげる必要があります … 続きを読む [IE]IE6でも min-width、min-height、max-width、max-height を使う方法 →
View Article[CSS]CSS でフッター要素をブラウザ下部に固定する方法
よく忘れるのでメモ。 コンテンツの情報量が少ないページでは、フッター要素がページ中段くらいまで上がってきて見栄えが良くない場合もあるので、フッターは常にブラウザの下部に固定させる！ための方法です。 CSS でフッター要素 … 続きを読む [CSS]CSS でフッター要素をブラウザ下部に固定する方法 →
View Articleに javascript：void(0) を指定する際の注意点
void(0) は「何も処理しない」という時に使用します。 a タグの href 属性ではリンククリックを無効化（処理しない）して、onClick 属性に書かれたスクリプトを実行する、なんて使い方が多いと思います。 ja … 続きを読む <a href=> に javascript：void(0) を指定する際の注意点 →
View Article[JS]IE6でも透過PNGが使えるようになるJavascript「DD_belatedPNG」
WEBサイトを作っていると「透過画像」を使うことが多いのですが、一番の悩みは「IE6では透過画像が正常に表示されない」ので、こいつの対応をどうしてあげるか…です。> <; IEでも7以降や他のブラウザであれば … 続きを読む [JS]IE6でも透過PNGが使えるようになるJavascript「DD_belatedPNG」 →
View Article[IE]IEをバージョン別に条件分岐させるif構文のまとめ
IE6にのみ特定のjavascript ファイルを有効にさせたり、IE8以下には専用のスタイルを適用させるなど、今でも何かと必要になるIE向けの条件分岐。 今回はそのようなif構文による条件分岐を、IEのバージョン6〜8 … 続きを読む [IE]IEをバージョン別に条件分岐させるif構文のまとめ →
View Article[IE]IE6、IE7、IE8 でも一部の CSS3 のプロパティが使える「PIE.htc」
IE下位バージョンでも CSS3 の border-radius や box-shadow、linear-gradient などを利用できる便利な「PIE.htc」。 今回はこの PIE.htc ファイルの基本的な設置方 … 続きを読む [IE]IE6、IE7、IE8 でも一部の CSS3 のプロパティが使える「PIE.htc」 →
View Article[CSS]IE6に position:fixed を対応させる方法
CSSの position:fixed を利用することで要素を固定させることができます。 例えば「ヘッダーをページ上部に固定させる」「サイドメニューを固定させる」などなど。 しかしCSSの position:fixed … 続きを読む [CSS]IE6に position:fixed を対応させる方法 →
View Article[IE]IE9だとIETesterで「印刷」「印刷プレビュー」など一部正常に動かない機能がある模様
IETesterを使ってIEチェックしていると、「印刷」「印刷プレビュー」が正常に動作しない…と少しハマりました。 いろいろを調べているとこんな記事が紹介されていました。 IE9が入ってるとIETesterのIE6でPN … 続きを読む [IE]IE9だとIETesterで「印刷」「印刷プレビュー」など一部正常に動かない機能がある模様 →
View Article[IE]IE6でも 疑似クラスの :hover を使う方法のまとめ
IE6 では疑似クラスの :hover が <a> タグ以外では使いないので、IE6対応として「ビヘイビア」と「Javascript のライブラリ」を使って hover をIE6でも利用する方法をまとめてみま … 続きを読む [IE]IE6でも 疑似クラスの :hover を使う方法のまとめ →
View Article[IE]IE6、IE7、IE8 で角丸やドロップシャドウなどを利用できる「IE-CSS3.htc」
以前に紹介させていただいた PIE.htc ファイルと同様、IE6、IE7、IE8 でも CSS3 のプロパティを利用できるファイルが「IE-CSS3.htc」です。 PIE.htc と基本的な使い方は同じですが、利用で … 続きを読む [IE]IE6、IE7、IE8 で角丸やドロップシャドウなどを利用できる「IE-CSS3.htc」 →
View Article[CSS]角丸をIE8以下でも利用できるようになる「border-radius.htc」の使い方と注意点
IE8以下のバージョンで「角丸」を実現させる方法は、PIE.htc や IE-CSS3.htc などを使う方法もありますが、今回紹介させていただく border-radius.htc を使う方法もあります。 名前の通り … 続きを読む [CSS]角丸をIE8以下でも利用できるようになる「border-radius.htc」の使い方と注意点 →
View Article[JS]IE6 でも :hover 疑似クラスが使えるなど、IE の HTML/CSS 表示を調整するライブラリ「IE7.js」
IE6 でも :hover や :first-child の一部擬似クラスを使えたり、透過PNGの画像が使えるなど、ちょっと便利かも知れないライブラリ「IE7.js」。 今回は IE7.js の設置方法から、IE7.js … 続きを読む [JS]IE6 でも :hover 疑似クラスが使えるなど、IE の HTML/CSS 表示を調整するライブラリ「IE7.js」 →
View Article[IE]PIE.htc を利用したIE8 以下向けの表示サンプル
IE6、IE7、IE8 でも一部の CSS3 のプロパティが使える「PIE.htc」 の記事でも紹介させていただいた PIE.htc ファイルですが、実際にIE6、IE7、IE8 で PIE.htc を使った場合の見え方 … 続きを読む [IE]PIE.htc を利用したIE8 以下向けの表示サンプル →
View Article[WP]IE6 や IE7 でのアクセス時にアラートメッセージを表示できるプラグイン「IE6 No More」
当ブログでは、IE下位バージョン向けの特別な対応（動作チェックも）はしていませんため、WordPressプラグイン「IE6 No More」というプラグインを利用して、IE7以下で閲覧させた際にページ上部にアナウンスを表 … 続きを読む [WP]IE6 や IE7 でのアクセス時にアラートメッセージを表示できるプラグイン「IE6 No More」 →
View Article[JS]画像や動画、iframeも Lightbox 風に立ち上げる jQueryプラグイン「Colorbox」
画像をオーバーレイで拡大表示できるスクリプトとして、Lightbox はよく使いますが、動画やinline コンテンツ、iframe などもLightbox 風に表示させるにはjQueryプラグイン「Colorbox」が … 続きを読む [JS]画像や動画、iframeも Lightbox 風に立ち上げる jQueryプラグイン「Colorbox」 →
View Article[CSS]img タグの画像を border-radius で角丸にして表示する方法
以前に [CSS]CSS3 のborder-radius で角丸を作る方法の記事でも border-radius の基本的な使い方を紹介させていただきましたが、今回は「画像の四隅を角丸」にして表示させる方法のご紹介です。 … 続きを読む [CSS]img タグの画像を border-radius で角丸にして表示する方法 →
View Article
