Internet Explorer 7から対応したHTML/CSS/JS Internet Explorer 7はMicrosoft社から2006年10月18日（日本語版は11月2日）にリリースされたウェブブラウザ。 HTML 透過PNGフォーマット abbr要素 CSS 子供セレクタ（親要素 > 子要素 ） 隣接セレクタ（要素1 + 要素2） 間接セレクタ（要素1 ~ 要素2） 属性セレクタ（[属性名], [属性名="属性値"], [属性名~="属性値"], [属性名|="属性値"]） a要素以外をセレクタにした:hover擬似クラス, :active擬似クラス :first-child擬似クラス max-widthプロパティ, max-heightプロパティ min-widthプロパティ, min-heightプロパティ positionプロパティの fixed の値 border-c
IE8以降の互換表示設定IE8以降 には互換表示設定（ツールバーの[ツール]→[互換表示設定]）というのがあり、[イントラネットサイトを互換表示」のチェックボックスがオンになってると IE8以降のバージョンであっても IE7 としてレンダリングされてしまう。 これを防ぐためには X-UA-Compatible で レンダリングしたい IE のバージョンを指定する。X-UA-Compatible の記述は head 要素内の先頭か charset を指定する meta 要素の次当たりにするのが無難（script や style 要素の後だと適用されない）。 <meta http-equiv="X-UA-Compatible" content="IE=8;IE=9"/> 上記のように複数バージョンを指定した場合は、指定バージョンの中から適用可能な最上位バージョンが適用される。上記例の場合 IE
IE6はﾀﾋぬDeath! こんばんは、クラスメソッドWebマスターの野中です。 今日はクリスマスですね、社内には独り身の負のオーラが満ちてます（既婚者が多いので残っている人は少ない）。 ところで、最近はCSS3もすこしずつ使えるようになってきていて、IE6からIE8の対応を蔑ろにしてしまっている自分がいます。 Web制作に携わってから6年、常に付きまとう古いIEは腐れ縁というか、ある意味青春ですね。 とっても今さら感たっぷりなお題目ですが、ここでIE対応のポイントを自分のために総浚いして青春に決着をつけたいと思います。 過去の経験と情報収集をもとにまとめているので実際にテストしたものではありません。 解決のきっかけ程度になれば良いと思いまとめています。 IEの現状 一般的なブラウザと先進的なブラウザに対する手法と考え方 ドキュメントタイプ：文書型定義 IE向け条件付きコメントで分岐処理
注 : このドキュメントは暫定版であり、変更される場合があります。 ドキュメントの互換性は、Web 開発者にとっての重要な考慮事項です。Windows Internet Explorer 8 には、ドキュメント互換モードが用意されており、Web 開発者はブラウザが古いバージョンと同じ方法でページをレンダリングするように指定できます。これにより、開発者は更新の時期を調整することができます。 このドキュメントでは、Windows Internet Explorer 8 でサポートされるドキュメント互換モードについて説明し、カスタム ヘッダーを使用してそれらのモードをページごとまたはサイトごとに実装する方法を解説します。適切な互換モードを実装することにより、サイトでは Windows Internet Explorer 8 およびそれ以降のバージョンとの互換性を確保できます。 各種の互換モード
We’re getting things ready Loading your experience… This won’t take long.
（CSS Differences in Internet Explorer 6, 7 and 8） 日々、Web制作者の頭を悩ませている。Webの異端児IE。 本日は、IEのバージョンごとのCSS対応度の違いをまとめたエントリー『CSS Differences in Internet Explorer 6, 7 and 8』をいくつか紹介します。 詳しくは以下から、 セレクタと継承 子供セレクタ 例 a:hover span { color: #0f0; } 解説 子供セレクタは、特定の要素（例：body）を直接親とする任意の要素（例：p）にマッチします。 例では、bodyが親でpが子供です。 参考：子供セレクタ - セレクタ - CSS2リファレンス サポート
DataURI サポート状況: http://caniuse.com/datauri Wikipedia: http://en.wikipedia.org/wiki/Data_URI_scheme Browser Max length Source IE 7 0 IE 8 32KB - 1 http://msdn.microsoft.com/en-us/library/cc848897%28VS.85%29.aspx IE 9 4GB http://msdn.microsoft.com/ja-jp/ie/ff468705.aspx#_DataURI MobileSafari 3.x 128KB ? http://blog.clawpaws.net/post/2007/07/16/Storing-iPhone-apps-locally-with-data-URLs#c1989348 Chro
HTML5の内容ではありませんが、IEの仕様でどうしても確認しておきたいものがありましたので検証してみました。 IEの気になる仕様は下記のスタイルシートの制限についてです。 (1) IE9以前で1つのCSSファイル、または1つのstyleタグ内のセレクタは4095個目までしか適応されない。 (2) IE9以前でCSSファイル、またはstyleタグは31個目までしか適応されない。 Microsoft サポート http://support.microsoft.com/kb/262161/ja http://support.microsoft.com/kb/262161/en-us 普通にコーディングする分には問題無いように思いますが、SCSSなどを使用した際にうっかり4096個以上のセレクタが指定されてしまう可能性が無いとも言えないので軽視できません。 検証1 早速(1) 「IE9以前で1つ
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
IE7 には、label 要素の for 属性に対する CSS の属性セレクタが無効になるバグがあります。 label[for="foo"] { background-color: yellow; } この場合 for="foo" という属性を持つ label 要素の背景が黄色になるはずですが、IE7 では無視されてしまいます。これはどうやら for というキーワードが DOM の予約語であることに由来するバグのようです (参考: Attribute Selector (CSS selector) - SitePoint CSS Reference)。そのかわり、IE7 では htmlFor という属性名を利用すればスタイルが有効になります。 label[htmlFor="foo"] { background-color: yellow; } ただこれだと IE8 以降やほかのブラウザが解
Internet Explorer の自動アップグレードについて | TechNet 長かった… 本当に長かった… やっと、IE 6, IE 7 が居なくなるのですね… uupaa.js ver 0.8 に埋まっている処理から情報を抜き出し IE 6, IE 7, IE 8 が居なくなった未来では何が可能になるのか抜粋してみました。 IE8 でやっと使えるようになる機能 一部は IE 6 や IE 7 でも使えるのですが、対応が限定的だったり不具合が多かったりと、安心して使えなかった機能も含まれています。 display: inline-block display: table, table-cell など position: fixed; E:active {...} E:focus {...} E::first-child {...} E:lang(C) {...} E::after
Microsoft Developer Blogs Get the latest information, insights, and news from Microsoft. AI agents are quickly moving from experiments to production‑critical components of modern applications. But while many teams know how to build agents, far fewer are confident they’re hosting them on the right foundation. Most organizations start by deploying agents the same way... We're shipping two major capa
IE 9以下に存在するセレクター数制限にはまった 開発中にいきなりCSSが壊れて原因を探っていたらこれに行き着きました。IE 9以下では1つのCSSファイル当たり4,095個までしかセレクターを認識しない。4,096個以上は無視される。ええええ。。 SCSSだと割とカジュアルにセレクター数が増える CSSは出来るだけ1ファイルにまとめたい（リクエスト数削減のため） との組み合わせがやばい。SCSSはセレクターが他のページに影響しないように以下のように書いていました。 // 共通部分 @mixin foo { color: red; .foo { font-size: 2em; // たくさんの指定… ... } } // 影響範囲を以下のページのみに限定したい #page-a { @include foo; } #page-b { @include foo; color: yellow;
Chromeなどでデバッグするときにconsole.logを埋め込んでしまうが, InternetExplorerでは, Console APIに対応していないので, エラーになってしまう. そこで, console.logに対応していない場合は, ロード時にとりあえずconsoleオブジェクトとconsole.log関数を生成してエラーにはしないようにする. (function () { if (typeof window.console === "undefined") { window.console = {} } if (typeof window.console.log !== "function") { window.console.log = function () {} } })();
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
