Internet ExplorerのどのバージョンからどのHTML/CSS/JSに対応しているかの一覧
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
jQuery 1.10.1とIE11の組み合わせでエラーが発生する場合がある
モーダルなどjQueryでiframeを開いた場合に、jQuery 1.10.1とIE11の組み合わせだとエラーが発生する。ので、モーダル使っているなら、1.10.2にアップデートしないといけない。これはバンドルされてるSizzleに下記のような処理があるため。 setDocument = Sizzle.setDocument = function( node ) { var doc = node ? node.ownerDocument || node : preferredDoc, parent = doc.parentWindow; (... snip ...) // Support: IE>8 // If iframe document is assigned to "document" variable and if iframe has been reloaded, // IE
IE 10 Specific Styles | CSS-Tricks
Conditional comments are gone in IE 10. That’s good. IE 10 is a very good browser. Feature detection is a better way to go in nearly all cases. But what if you find some styling situation where you absolutely need to target IE 10? I guess you’ll have to do this. Rogie posted a really simple idea a while back that should still work great for this. Add the User Agent to the <html> element with a tin
【レポート】HTML5✕Internet Explorer 〜IEを使ってどこまでモダンなWebへ突き進めるのか？〜 に参加してきた | DevelopersIO
そんな訳で、2013年8月1日、東京は品川にある日本マイクロソフト株式会社にてHTML5✕Internet Explorer 〜IEを使ってどこまでモダンなWebへ突き進めるのか？〜という勉強会が開催されたので、潜入してきました。 技術革新が遅れてやってくるエンタープライズシステム界隈も、ようやくHTML5時代に突入しようとしています、、が！開発者は未だにInternet Explorerで多くの悩みを抱えているのではないでしょうか？ (中略) 業務システムを良くするためには、IEのハックが必要なのです！ (中略) このイベントでは、IEの持つポテンシャルを極限まで使いきって、周りのエンジニアの度肝を抜かせるようなIEハッカーになれるよう、MicrosoftMVPやMicrosoftエバンジェリストといった専門家を集め、ロードマップ・機能性・互換性問題・移行といったテーマについて、技術観点
IE6には document.body.style に minHeight プロパティが存在する
if (document.body.style.maxHeight === undefined) { // max-height に対応していない場合（すなわちIE6以下） } プロパティは maxHeight でなく minWidth や maxWidth でもいいのですが、 minHeight だけはうまく判定できないことに気づきました。 以下のコードで document.body.style をすべて表示させてみると、たしかにIE6に minHeight が存在するではありませんか! <table border=""> <tbody> <script> (function() { var style = document.body.style; for (key in style) { document.write("<tr><th>" + key + "</th><td>" + s
CSS3のRGBAをIE7とIE8で簡単にきれいに表現する | fog-town
CSS3 に rgba という、透明度を表現する値があります。 似たもので opacity がありますが、これはセレクタ内がすべてシースルーになるのに対して、rgba は指定したプロパティだけがスケスケになるんですね。 あ、シースルーもスケスケも意味は同じですよ。 これは rgba 文字に注目 これは opacity 文字に注目 左側の rgba は background だけに透過がかかっているのに対して、右側の opacity は text も含めた要素全体に透過がかかっています。 rgba と opacity の違いについてはこんな感じですが、この記事では rgba に焦点を絞って進めていきます。 rgba を使う場合は background-color:rgba(255, 255, 255, 0.75); のようにすればいいんですが、当然のことながら IE7 と IE8 は対応
PIE 2.0 beta 1 released – CSS3 PIE: CSS3 decorations for IE
I am thrilled to announce the release of CSS3 PIE 2.0 beta 1! This is the first official release of the 2.0 development line, which has seen several major refactoring efforts to improve performance, enhance feature support, and fix many long-standing bugs. The major changes from 1.0 are: PIE.htc is now a very small (~2K) stub file which loads a secondary logic file optimized for the current IE ver
Internet Explorer 10のCSS 3D Transforms
とうとうWindows 7向けのIE 10が公開されましたね！（これを書いている時点ではRelease Previewですが） IE 10ではCSS 3D Transforms, Animations, Transitionsなどが-ms-なしで使えるようになりました。素晴らしい！ というわけでさっそく試してみたわけですが、どうもおかしい。表示はできるんですが、アニメーションやトランジションしたときに立体的に見えない。 調べてみるとMSDNに次のような記述が。 Note The W3C specification defines a keyword value of preserve-3d for this property, which indicates that flattening is not performed. At this time, Internet Explorer
jQueryのopacityアニメとIE6,7,8
programming notes. mainly about JavaScript / jQuery. [@Takazudo] [takazudo@gmail.com] Hint: alt + / fadeInとかfadeOutとかanimateでopacityどうするとか、opacity対応していないIE6,7,8でも素敵に動くすんばらしーと思い、できますできますはいできますとか言ってると痛い目に合った。 まずIE6、7、8ではopacityを使わない代わりに、IE独自のfilterプロパティをいじって、透明度のアニメーションを実現している。このため、他のフィルタと併用できない。これが特に問題になるのが、そのままではアルファPNGを使えないIE6。IE6でアルファPNGを使おうとするのなら、フィルタのalphaImageLoaderを使わなければならないが、透明度のアニメーションもfi
IE - hidden radio button not checked when the corresponding label is clicked
I just noticed a strange behaviour in IE7. I have radio buttons with associated labels as follows: <input type="radio" name="filter" id="filter_1" value="Activities" checked="checked" /> <label for="filter_1">Activities</label> <input type="radio" name="filter" id="filter_2" value="Services" /> <label for="filter_2">Services</label> The radio button is hidden via css with display:none or visibilit
IE NetRenderer - Internet Explorer Compatibility Check - /
Mit dem IE NetRenderer können Sie online überprüfen, wie Ihre Website im Microsoft Internet Explorer 11, 10, 9, 8, 7, 6 und 5.5 dargestellt wird, und mit einem Blick die Unterschiede sehen. Probieren Sie es aus! 30.787.006 (Sreenshots bis heute) Damit ist der IE NetRenderer das populärste, kostenlose Cross-Browser Tool seiner Art im Internet. Im Gegensatz zu anderen Screenshot-Services gibt es hi
Javascriptでflash playerのバージョン判別 - シンプルシンプルデザイン JavaScript
swfファイルをブラウザ上に表示するために、flash playerの有無やバージョンの判別をする最も普及しているといっても過言ではないライブラリ「swfobject」がある。実際に使用したことがないので詳細は不明だが、Dreamweaver CS4ではデフォルトで実装されているらしいので、今後「swfobject」のシェアは増加していくだろう。 でも、個人的にはライブラリに頼らずともIEの仕様に左右されることなく、期待通りのswf表示を実現していきたいと考えている。 前置きが長くなりました。個人的には、書き出したswfバージョンがflash playerのバージョンに足りていなかったら、最新版をインストールしてもらえばいい、という考えなのですが、どうしてもflash playerのバージョン判別をしなくてはならない状況（たとえば広告を表示する場合、最新版のFlash Playerのインス
Microsoft Learn: Build skills that open doors in your career
Microsoft Learn. Spark possibility. Build skills that open doors. See all you can do with documentation, hands-on training, and certifications to help you get the most from Microsoft products. Learn by doing Gain the skills you can apply to everyday situations through hands-on training personalized to your needs, at your own pace or with our global network of learning partners. Take training Find
CSS/IE7でのz-indexについて komacchi.com/blog
cssの話。 今さら感すごいがz-indexではまった罠。 今までz-indexプロパティを使用しないマークアップを心がけていたため あまり意識していなかったのだが、どうしてもデザイン上、クライアントの都合上 z-indexで要素の重なりを指定し、わざと隠したような状態にせねばならなくなりまして。 実は先日までのデスマーチ中におこった話で、自分たちもそこで認識していたものの この問題を優先順位を後回しにできたため、改めて検証。 どういうことかと言うと。 z-indexプロパティはdivなどのブロックレベル要素でボックスを入れ子にした時に、 positionプロパティでstatic以外の値が指定されている場合、 それぞれの要素はレイヤー状に重なっているため、 親要素の幅や高さに関係なく、好きな所に配置出来る。・・・本来ならば。 しかしながらIE7だけz-indexが効いていなかったわけで。
Iframe版FacebookページでIEだけ横のスクロールバーが消えないを解決 | WebDelog
Iframeで読み込むFacebookページで縦横のサイズを変更する場合、 以下のようなタグを書いておきます。 window.fbAsyncInit = function() { FB.init({ appId : '2xxxxxxxxx', //FacebookアプリID status : true, // check login status cookie : true, // enable cookies to allow the server to access the session xfbml : true // parse XFBML }); }; (function() { var e = document.createElement('script'); e.src = document.location.protocol + '//connect.facebook.n
IE8のモードスイッチ | Web標準Blog | ミツエーリンクス
IEBlogの“IE8 Beta 2 Coming in August”という記事にて、IE8 Beta 2が8月にリリースされるというアナウンスがありました。Beta 2ではCSS 2.1準拠に向けたバグ修正や、スクリプトのパフォーマンス向上が見込まれるようです。また、日本語を含む各言語版のBetaも配布されます。 さて、同じ記事にて「meta要素によるレンダリングモード指定の文書を公開しました。」という報告がありました。今回はこの“Defining Document Compatibility”という文書を参考に、改めてIE8のレンダリングモードについて解説したいと思います。 3つのレンダリングモード IE8には3つのレンダリングモードが存在します。 IE8モード CSS 2.1やSelectors APIなど、Web標準を強く意識したモード。 IE7モード IE7の標準準拠モードと同
CSSハック一覧
2013年3月23日 CSS 異なるブラウザーで見たらレイアウトが崩れる。。CSSハックはそんな時のお役立ち裏技（？）です。私がブックマークしているCSSハックに関するWebサイトがたくさんあったので（Safariがのってない・IE8しかのってない。。等の理由で）、自分用メモ。「こんなやり方もある！」というのがあればコメントして教えてください！ ↑私が10年以上利用している会計ソフト！ Internet Explorer IE6以下 #help_me { _color: blue; } * html #help_me { color: red; } IE7 *:first-child+html #help_me { color: red; } *+html #help_me { color: red; } IE6, IE7 #help_me { /color: blue; } IE8 #h
[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
Selectivizr - CSS3 pseudo-class and attribute selectors for IE 6-8
Enhancing IE's selector engine Selectivizr adds support for 19 CSS3 pseudo-classes, 2 pseudo-elements and every attribute selector to older versions of IE. It can also fix a few of the browsers native selector implementations. JavaScript-knowledge: none Selectivizr works automatically so you don't need any JavaScript knowledge to use it — you won't even have to modify your style sheets. Just start
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Internet Explorer デベロッパー センター