CSS3からの新しい単位「rem」をIE8でも利用できるようにするスクリプト -REM unit polyfill
当ブログで紹介した「フォントのサイズ指定はpx？ em？ 既存の再検討とこれからのテクニック」でこれからのfont-sizeの単位に「rem」を使う方法など、CSS3の新しい単位「rem」は非常に魅力的ですが一つ問題があります。 それは「rem」はIE8をサポートしていないこと。 ここで紹介するのは、その問題を解決するIE8でも「rem」を使えるようにするスクリプトです。使い方はスクリプトを外部ファイトとして記述するだけなので簡単！ REM unit polyfill REM unit polyfill -GitHub CSS3からの新単位「rem」とは REM unit polyfillのデモ REM unit polyfillの使い方 CSS3からの新単位「rem」とは まずは、「rem」のおさらいを簡単に。 サイズの単位には「px」「pt」などの絶対単位、「em」「%」などの相対単位
IE8・9にもFlexboxを対応させる、flexibility.jsがとっても便利！
2016年1月5日 CSS, JavaScript 昨年からいろんなサイトで続々と実装されてきているFlexbox。従来の方法とは違い、簡単にCSSでレイアウトを組めちゃう素敵技です。しかし、Internet Explorer8や9等の古いブラウザーには対応しておらず、Flexboxを使いたくても使えない…というWeb制作者さんも少なくないはず。そんな悩みを今回の記事で解消します！ ↑私が10年以上利用している会計ソフト！ Flexboxって何？ FlexboxとはFlexible Box Layout Moduleのことで、その名の通りフレキシブルで簡単にレイアウトが組めちゃうボックスです。具体的には主に以下のような事を手軽に実装できます。 CSSを一行プラスするだけで横並びにできる！ 横並びになった要素の高さが最初から揃ってる！ 要素を上下左右、好きな順序に並び替えられる！ スペースの
csstest：CSSだけで、IE6、IE7、IE8、IE9を判別する条件付きのHTML classとハック
HTMLのヘッダー部分 <!--[if lt IE 7 ]> <html class="ie6"> <![endif]--> <!--[if IE 7 ]> <html class="ie7"> <![endif]--> <!--[if IE 8 ]> <html class="ie8"> <![endif]--> <!--[if IE 9 ]> <html class="ie9"> <![endif]--> <!--[if (gt IE 9)|!(IE)]><!--> <html> <!--<![endif]--> CSSソース .testbox { background: #ffffff;} .ie6 .testbox { background: #aaff44;} /* 黄緑 */ .ie7 .testbox { background: #88ffff;} /* 水色 */ .ie8
【jQuery】IE8以下でもCSS3のbackground-sizeプロパティが使えるようになるプラグインjquery.backgroundSize.js | Rapid Progress
IE8以下でもCSS3のbackground-sizeプロパティが使えるようになるプラグイン「jquery.backgroundSize.js」についてです。最近縦長＋背景画像が横幅100%になるページを作る機会が増えました。 そんな時便利なのがCSS3から登場した「background-size」というプロパティですが、IE8以下は当然（？）対応していません。 が、非常に有難いことに、「jquery.backgroundSize.js」というプラグインを用いることでIE8以下でもbackground-sizeプロパティが使えるようになります。 1.background-sizeプロパティについてちょっとだけ CSS3から背景画像の幅と高さを拡大・縮小するプロパティが追加されました。それがbackground-sizeプロパティです。なんか文章で説明しても伝わりにくいと思うのですが、とに
IE6/IE7/IE8/IE9/IE10/&モダンブラウザ CSSハックまとめ｜ホームページ制作 印刷物作成 デザイン事務所｜エイビッツ
〒360-0854 埼玉県熊谷市 玉井南1丁目 TEL：048-594-8880 （平日10:00～18:00 土日祝祭休） E-Mail info@aveit.biz 2013/10/24 以前にもIE6～9とモダンブラウザによるCSSハックの記事を書きましたが、単体で使う分にはハックが効いても、同時に数種類ハックをかけると機能しない場合がありました。 通常、ハックを使うコーディングは極力避けているのですが、あるASPカート内である一か所に必要に迫られて1px単位のしゅうせいが必要だった案件で出くわした摩訶不思議な体験をメモしておきます。 尚、IE9/IE10に関しては実機、IE6～8に関してはIETesterでの検証となっています。 Macでの検証はしておりません。 以前のコラム↓↓↓ IE6/IE7/IE8/IE9 CSSハックまとめ → モダンブラウザ CSSハックまとめ → IE
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Won't get fooled Again | IE8でだけWordpress テーマの表示がおかしい場合の処方箋