Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
この記事は Ember.js Advent Calendar の1日目です。 やはり Ember.js は大人気のようで、 Advent Calendar もあとたった 22 枠しか空きがありません。(12/1現在) すこしでも Ember.js に興味がある方は急いで登録されることをオススメします! http://www.adventar.org/calendars/94 この記事では私が Ember.js に送ったのレガシー IE 対応のパッチをご紹介しつつ、IE での JavaScript の罠とその対応を紹介します。 今現在 IE と向き合っている方や、これから IE と向き合うことになる方のご参考になれば幸いです。 ちなみに、 Ember.js は 1.0.0 の時点で IE 6 ですべてのテストケースに通過しており、1.2.2 (現在の最新の安定版) でも IE6 上で動作しま
タイトルはパクリですね\(^o^)/ JavaScriptでIEかどうかをたったの1行で判別する方法 (PHPSPOT開発日誌様) これはIE10まで判別できます。IE11からはできなくなるらしいよー で、 IE10はもうモダンブラウザって言っちゃっていいと思うんだけど、IE9はいろいろ対応できてないから(アニメーションとかアニメーションとかアニメーションとか) IE9とIE10はスクリプト分けたいぜ!っと思ったわけで1行で判別するぞという企画。 参考 【JavaScript】IEかどうかを判別する(IE10からは条件分岐コメントが使えない) ここによると@_jscript_versionとかで仕分けできるっぽい jscriptだからIEのjsエンジンですね。 IE10とほかのブラウザは「false」IE9、IE8とかIE9以下は「true」を返す1行。 ユーザーエージェントでもできるけど
問題 IEかどうかを判別しようと思って以下のようにして、「その要素があればIEだ!」という判定をしていたのですが、IE10でできないみたい。どうしよう? <!--[if IE]><div id="ie_dayo"></div><![endif]--> 答え IE10からはHTML内の条件分岐コメントが使えなくなった(標準モードのとき無視される)。 JavaScriptの方では、どうしてもIEかどうかで動きを変えざるを得ない場合があれば、以下の方法で。 //単純にIEでないならfalse、IEならtrue var is_ie = false; /*@cc_on is_ie = true; @*/ もう少し細かくすると、 //IEでないならfalse、IEならバージョンを取得 var is_ie = false; /*@cc_on @if (@_jscript_version == 10) i
fadeInとかfadeOutとかanimateでopacityどうするとか、opacity対応していないIE6,7,8でも素敵に動くすんばらしーと思い、できますできますはいできますとか言ってると痛い目に合った。 まずIE6、7、8ではopacityを使わない代わりに、IE独自のfilterプロパティをいじって、透明度のアニメーションを実現している。このため、他のフィルタと併用できない。これが特に問題になるのが、そのままではアルファPNGを使えないIE6。IE6でアルファPNGを使おうとするのなら、フィルタのalphaImageLoaderを使わなければならないが、透明度のアニメーションもfilterのopacityを使ってる。これを同時に使うのは、jQueryのそのままの実装だと無理。なので、アルファPNGが一つでも混ざったら、そいつをフェードしたりするのは無理。 VMLのフィルタでどう
なかなかどうして、怠惰な若輩者につき不明な点が多々あるため先人の知恵をお借りしたく候。というわけでいろいろ知恵や知識などいただきます。・・・消化不良でしたorz setTimeoutの中の小難しいお話 自分だけじゃ到底調べられないし分かる術もない。Cなんて知るか。だのにこうしてなんとなくでも知ることができるのはありがたいことです。 http://labs.gmo.jp/blog/ku/2007/09/firefoxsettimeout.html Firefoxだけで少し古い記事だけど今でも同じようなものかな。他に私がわかるような資料もないのでこちらをベースに考えさせてもらいます。大きな変更はないだろうし。 タイマースレッド URL先読んだだけではイメージできなかった。整理のため箇条で要約。 Firefoxにはタイマー処理だけを管理している専用のスレッドがある(TimerThread) タイ
この記事は賞味期限切れです。(更新から1年が経過しています) 透過PNGの処理が下手くそなのは、IE6だけではなく、IE7/8も同様です。 IEで透過PNGをあてた要素のopacityを弄ると、周りがグレーがかって汚くなります。 この現象はよく知られていると思いますが、今日はこの不具合の治し方のメモを記しておきます。 サンプルコード 例えば、こんなコード。 <style> .test { display:block; width:128px; height:128px; background:url(./test.png) 0 0 no-repeat transparent; } .test:hover { background-image:url(./test-hover.png); } </style> <a href="#" class="test"></a> test.pngとte
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く