[B! IE] tgtのブックマーク

IEに互換表示をさせないX-UA-Compatibleの指定 - loconoco

IEはバージョンごとに表示方法（レンダリング）がガッツリ変わると言う、とてもやっかいなブラウザです。また、各バージョンごとに下位バージョンの表示方法を再現できたり、互換表示なる表示方法があったりと、ありがた迷惑この上ない機能が搭載されています。このサイトのトップページをIE10で表示すると・・・アドレスバーに紙が破けたようなアイコンが表示されます。そしてこのアイコンをクリックすると互換表示に切り替わり、再レンダリングがはじまります。 box-shadow、background-sizeなどのCSSが効かなくなってしまいました。また同じアイコンをクリックすれば互換表示が通常表示に戻ります。もし通常表示に戻さなかったか場合、IEは設定を覚えてしまい、再度同じURLにアクセスすると、また互換表示になってしまいます。IEを終了して再起動しても戻りません。新バージョンのIEを使用しているユ

tgt 2016/05/18

IE
css

リンク

FirefoxとIEで、aタグ以外に対するhoverの挙動が違う件 - さくま実験室

CSSで便利なhoverですが、Firefoxの場合、divだろうがliだろうが何にでも効くようです。しかしIE〜6ではaタグにしか使えない。というか、Firefoxばかりしかつかってなかったので、hoverって何にでも効くんだと思ってた。。IE効かなかったのか。携帯サイトばっか作ってたので気づかなかった。。で、肝心のIE6は（7はおｋ） li:hover { color: #000; } こういうの使えないんですね。aのみ。a:hoverだけ。でも、IEでもやってるサイトあるような気がする、何処といわれて思いつかないけどたぶん絶対そう。って思って調べてみたら http://www.xs4all.nl/~peterned/csshover.html#changes ここでdownloadできるcsshover.htcっていう、htcファイルをCSSで読み込むと、IEでも可能にな

tgt 2013/01/18

css
IE

リンク

妻のパン屋のWebサイトを四苦HackしてIE対応した話 - give IT a try

はじめに昨日公開した「第一回プログラマ向けデザイン勉強会の内容を参考にして妻のパン屋のWebサイトをリニューアルしてみた」の続編を書きます。今回は僕が苦労したIE6〜8対応のお話です。実はIE8ユーザーの割合はIE9に次いで第2位！ Mac万歳！Chrome万歳！な僕にとって、IEは「どうせ使うことないし、どうでもいいよね〜」という「心の中でサポート対象外なブラウザ」でした。しかし、店のWebサイトのアクセス解析を見てみると、実はIE9とIE8が1位、2位を占めていることがわかりました。よく見ると8位にはIE6がまだしぶとく生き残っています。この結果を見ると、「うーん、こりゃ完全に無視するわけにはいかんな・・・」と考えざるを得ませんでした。 IE対応を全く考慮していないとこうなるまず最初に、IE対応を全く考慮していないと、いったいどんな表示になるか見てみましょう。トップペ

tgt 2013/01/18

IE
CSS

リンク

IE6で透過pngを表示させるオススメscript、「DD_belatedPNG.js」

＞＞詳細な使用法と注意点を追加エントリーしました。いまだ絶大なシェアを誇るIE6（Internet Exproler 6）ですが、WEB制作者ならご存知の通り、さまざまなバグ・不具合を内包しております。・CSSでfloatしたブロックのmarginが倍になる。・後方互換モードの場合、text-alignが子要素にまで影響する。・透過png画像が透過されない。上記以外にも、それはいくつもの制作者泣かせの問題があり、業界内では「IE6氏ねばいいのに」とまで言われているブラウザですが、前述の通りシェアは絶大なので、対応しないワケにもいかず。すでにいくつもの対応策が出回っておりますが、その中でも自分的に一番オススメするのが、「DD_belatedPNG.js」を使用する方法です。有名どころの対応策を併記・比較しながら、どこがオススメなのかを含めてエントリーしたいと思います。有名な