これって使えたっけ？今だからこそ IE8 対応コーディングのポイントをおさらい | バシャログ。
こんにちは。Latinです。 今年は長めの夏休みが取れそうなので、旅行でも行こうと画策しております。 さて今回は、久々にコーディングネタです。 弊社の最近の案件では、対象ブラウザがIE8+という案件がほとんどになってきました。 「安心してください。IE10以上です。」 なんて言われたら嬉しい限りなんですが、まだまだ少ないのが実状です。 「悪夢のIE7対応」を考えなくて良くなっただけでもコーディングはだいぶ楽になりましたが、「IE8」は「IE8」でいろんなクセを持ってますよね。 今回はそんな今だからこそ、「IE8対応のポイント」をまとめてみます。 【IE8の仕様編】 HTML5に対応していない HTML5のサイトで「IE8対応」が必要になってくる場合、ポピュラーな方法としては二つあります。 html5shiv.js などの拡張ライブラリを IE9 以下のIEで読み込ませる HTML5要素自体
CYOKOLOG — クロスブラウザで style 要素の動的な追加／削除が簡単にできる jQuery...
昨今のブラウザ事情では、style 要素の動的な適用が手軽になったものの IE8 以下にも対応させるには IE の独自メソッドが必要になったりと煩わしさが残る。ということでクロスブラウザで style 要素の動的な追加／削除が簡単にできる jQuery プラグインを作ってみた。 こんな感じで利用できる。 var cssText = 'body{color:red} h1{color:blue}'; //style の追加 var style = $.appendStyle(cssText); //style の削除 style.removeStyle(); Demo 実装方法については style の適用はほぼ前回のエントリに書いたまんまの実装。 削除も style 要素を remove() するのみだが、IE8 以下については createStyleSheet() で生成されたオブジェク
【CSS】ルールが4095個を超えるとIEで無視される at softelメモ
問題 IEでスタイルシートが効かなくなっちゃったんだけど。 それも中途半端に。 あれれれれ？ 答え IEにはこんな仕様があるそうだ。 Internet Explorer 6 to 9.（IE6から9） A sheet may contain up to 4095 rules（1スタイルシートにルールは4095まで） A sheet may @import up to 31 sheets（1スタイルシートに @importは31個まで） @import nesting supports up to 4 levels deep（@importの入れ子は4階層まで） Internet Explorer 10 A sheet may contain up to 65534 rules（1スタイルシートにルールは65534 まで） A document may use up to 4095 styl
Gradient - filter,フィルタ
グラデーション開始時の色と透明度を指定します。設定値は#00000000～#FFFFFFFFとなります。設定値は8桁表示で#AARRGGBBとなります。AAの部分は透明度を示し、00は透明となり、FFは不透明となります。RRGGBBは赤・緑・青の強さとなります。デフォルト値は#FF000000となります。
[CSS]IEで、min-widthやmax-widthを実現する方法
CSS-Tricksで、IE用に「expression」を使用して、min-width、max-widthを実現する方法がエントリーされていました。 The Perfect Fluid Width Layout デモページでは、最小幅780pxを維持しつつ、最大幅1280px以上になると残りの箇所は背景画像が表示されるようになっています(参照：キャプチャ画像)。 min-width、max-widthの箇所は、下記のように記述されています。 #page-wrap{ background: white; min-width: 780px; max-width: 1260px; margin: 10px auto; width:expression(document.body.clientWidth < 782? "780px" : document.body.clientWidth > 12
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
