IEのCSSハックが嫌いな人は、このナイスなhtmlの書き方で対応してみてはいかが？
概要 ▶ HTML5のベースとなるテンプレートを一瞬で作ってくれる「Initializr」ですが、テンプレートを使ってガリガリ制作を始めて見ると「これは本当にいいものだ！」というものが更にわかってきたので、その部分を紹介。前回はjQueryのロードの方法がナイス！という話でしたが、今回はhtmlタグの書き方がナイス！という話。いや、本当にさすがとしか言いようがない。 HTML5のベースとなるテンプレートを一瞬で作ってくれる「Initializr」ですが、テンプレートを使ってガリガリ制作を始めて見ると「これは本当にいいものだ！」というものが更にわかってきたので、その部分を紹介。 前回はjQueryのロードの方法がナイス！という話でしたが、今回はhtmlタグの書き方がナイス！という話。 いや、本当にさすがとしか言いようがない。 Internet Explorerの複数バージョンの対応は面倒 や
IEの透過PNG+opacityの不具合を治すメモ - Mach3.laBlog
この記事は賞味期限切れです。（更新から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
Google Sites: Sign-in
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
【クリスマスだし】Internet Explorerとうまく付き合う方法【IE対応まとめ】【25日目の6】 | DevelopersIO
IE6はﾀﾋぬDeath! こんばんは、クラスメソッドWebマスターの野中です。 今日はクリスマスですね、社内には独り身の負のオーラが満ちてます（既婚者が多いので残っている人は少ない）。 ところで、最近はCSS3もすこしずつ使えるようになってきていて、IE6からIE8の対応を蔑ろにしてしまっている自分がいます。 Web制作に携わってから6年、常に付きまとう古いIEは腐れ縁というか、ある意味青春ですね。 とっても今さら感たっぷりなお題目ですが、ここでIE対応のポイントを自分のために総浚いして青春に決着をつけたいと思います。 過去の経験と情報収集をもとにまとめているので実際にテストしたものではありません。 解決のきっかけ程度になれば良いと思いまとめています。 IEの現状 一般的なブラウザと先進的なブラウザに対する手法と考え方 ドキュメントタイプ：文書型定義 IE向け条件付きコメントで分岐処理
フロントエンド開発者であれば知っておくべきモバイル/デスクトップブラウザのバグやトリック20 | Web | position: absolute;
斉藤さん（@cssradar）が紹介していた20 Mobile/Desktop Browser bugs and tricks any Senior Frontend Web Developer should knowがおさらい的に参考になったので各項目の表題だけ訳しておきました。ほとんど邦訳するということがないのでおかしい部分などありましたらご指摘頂けると幸いです。 各内容の詳細については訳していません。本文とサンプルのソースを見れば大体わかると思います。 また、Gistにも置いています。 20 Mobile/Desktop Browser bugs and tricks any Senior Frontend Web Developer should know Link outlines / highlights are misaligned on the Kindle Fire リン
IE Fuck!(ieのバグまとめ) - Qiita
@importの読み込み順バグ @importでcssをモジュール化した場合、IEのみ読み込み順が上からではなく、ランダムに読まれる。よってreset.cssなどがあとに読まれたりしてバグる。 @importは3階層以上深くは潜れない z-indexの値が認識されない(ie6,ie7) 2つのdivの親要素が別々でz-indexは指定しない場合、IE6とIE7以外のブラウザは子要素のz-indexの値が優先されるが、IE6とIE7は親要素の出現順が影響します。 参考サイトIEのz-indexのバグを思い出す png問題 IE6~8 6.0はpngの透過を表示出来ない 7,8はpngのフェードイン、フェードアウトを表示出来ない。 margin autoが効かない 対策 text-align:centerにて対応する
jQueryでページ遷移時にフェードインフェードアウト・・・の補足 | wald-grun/blog
先日、以下のようなエントリーを書いたのですが、 jQueryでページ遷移時にフェードインフェードアウトの効果をつける いくつか気になる点がありましたので補足記事です。 IEでfadedIn、fadeOutが効かない事がある こちら、ちょっと挙動が変になってしまいます。ちなみにIE全般（10は未検証）です。 背景画像だけがフェードアウトしたりとかで、テキストが全く消えなかったりします。 色々とググってみると参考記事は多々で、原因と対策は色々、さすがIEの面目躍如って感じです。ちっ IE8 で jQuery の slideDown() と fadeIn() が効かないことがある件 ですとか メイリオを指定したIE7・8でopacity不具合 ですとか。で、僕の場合は以下が参考になりました。 jQueryのopacityアニメとIE6,7,8 IEの場合、フェードイン、アウトの対象としたい要素に
ExternalInterface.call が IE でうまく動かない - パンダのメモ帳
ActionScript と JavaSciprt の連携は AS3 の ExternalInterface を使うことで実現できる……が、Firefox などのブラウザではうまく動くのに IE で動かそうとするとピクリとも動かない。以下、対策や注意点をメモ。 ExternalInterface についてグーグル先生に聞いてみると以下のような情報が。 ExternalInterface.call Internet explorerでnullが返ってくる件 ExternalInterface.addCallbackで要注意な件メモ IE：jQueryの.html()でobject要素を書き出すと ExternalInterface.callで戻り値が取得できない つまり、IE で ExternalInterface を使おうとした場合、罠が一杯まってるぞ、ということはよくわかった。以下、上記
FlashからExternalInterfaceでJavaScriptをcallしようとしてIEでハマった件 - tohokuaikiのチラシの裏
なんか、IE9でうまく動作してなくて、デバッガ起動させたらコンソールにエラーが出てた。 Object doesn't support property or method 'SetReturnValue' このエラーなんぞーって思って調べたら、ここに I've found that, for IE, calling Javascript from ActionScript, I've needed to supply an "id" attribute to the object tag. The IE way of handling ExternalInterface.call(...) is to call a method on the object. IE issues the code document.getElementById("...").SetReturnValue(.
IE8で「オブジェクトでサポートされていないプロパティまたはメソッドです」と表示される
仕事中、既存システムで変な症状が報告された。 a = b;←「オブジェクトでサポートされていないプロパティまたはメソッドです」 ひねりも何もない代入だけの行でエラーが発生している。 調べてみるとタグのIDと変数名がぶつかっていると発生するエラーということが判明。 なので変数名を変更して解決。 必要ないところでグローバル領域を使用しているのもどうかと思うがIEがID名で変数を作ってしまうのはとても厄介。 はまらないように気を付けよう。
jQuery が IE でうごかねぇーーー、って思ったので、メモっとく。 - 雑想空間
jQuery・・・。 便利だけど、意外と IE でうごかねぇよ・・・。 option の最後に , を書いた場合。 例えばこんなとき $.ajax({ url: "〜〜〜〜", type: 'POST', dataType: 'xml', timeout: 10000, data: { "keyword": "test", }, error: function(){ alert('Error loading XML document'); }, success: function(xml){ hogehoge_success_flow; } });これ、IE でエラーがでる・・・。 原因は "keyword": "test",こいつです。 option を指定するとき、最後の１行には,を書いてはダメ。 firefox だと大丈夫だけどね。 $("＜a＞") みたいな感じで aタグのエレメン
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
リゾレーヌ サプリを口コミだけで判断してはダメ？バストアップ効果が口コミ通りなのか試してわかったことを包み隠さず公開します！
ピクセル単位で合わせるところではborderを使わない（IE7でも！） - ADP