『Internet Explorer 9』が新機能をひっさげて正式リリースされました！ | ライフハッカー・ジャパン
『Internet Explorer 9（IE9）』がいよいよ正式リリース！ インターフェイスが様変わりし、パフォーマンスもアップしました。こちらでは、主なポイントをご紹介しましょう。 1: 一新されたインターフェイス IE9では、インターフェイスが一新。やたら多く、場所をとっていたタスクバーがなくなり、ツールバーは、Google Chromeよりもピクセルフレンドリーです。重要なナビゲーションボタンを一体化し、検索バーとアドレスバーも統合。タブや設定ボタンは同じラインに配置されています。すべての設定には、Chromeのレンチアイコンのように、左上の設定ボタンからアクセスできます。 アドレスバーはリサイズ可能。履歴やBingから検索予測してくれます。他の検索エンジンを追加することもできます。 2: パフォーマンス IE9は、GPUを利用してウェブアプリのレンダリングを補助するハードウェアア
9 Most Common IE Bugs and How to Fix Them | Envato Tuts+
Internet Explorer - the bane of most web developers' existence. Up to 60% of your development can be wasted just trying to squash out IE specific bugs which isn't really a productive use of your time. In this tutorial, you are going to learn about the most common IE bugs and rendering disparities and how to easily squash them or deal with them. 1. Centering a Layout Centering an element is probabl
IEを華麗に撃墜する一行 - ぼくはまちちゃん！(Hatena)
はい！ こんにちは！！！！！ 今日は、偶然ブラクラ発見しちゃったから、それをお伝えしますね！ これだよ！ <style>*{position:relative}</style><table><input></table> → サンプル (IEだとブラウザが終了しちゃうよ！ 注意してね！) IE6とかIE6のコンポーネントブラウザだと確実に落ちちゃうみたいだね！ IE7は確認してないけど！ tableとかtrの直下に、inputとかselectがあって、 そのあたりにcssの全称セレクタでposition:relativeがあたっているとダメなかんじかな！ ちなみにinputにstyleで直接relativeあてても落ちなかったよ！ なにこれ！ よくわかんないけど面白いね…！ FirefoxとかOpera大好きっ子は、 これをたくさんバラまいてIEのシェアをどんどん下げちゃえばいいと思うよ！
そろそろIEをはじくCSSも整理しておきますか:CSSを使いこなす
CSSレイアウトで一番悩まされるのがIE5ｘとIE6で表示が違う点だろうが、じゃあIE5xを無視して考えて、IE6だけに絞れば大丈夫なのか、というとそうでもない。IE6は6で、Firefoxなど他のブラウザが当たり前に実装しているスタイルに対応していなかったり、IE6になっても修正されていないバグもある。 というわけで、そんな時に対処療法的に使えるスタイルをメモ。基本的にはValidなCSSで、IEが対応していない、結果的にブラウザを振り分けて指示ができる、というものを2例ばかり。 Win IEだけはじく body { background-color: #CCCCCC !important; background-color: #FF0000; } !importantの処理にWinのIEが対応していないことを利用。 通常、CSSは後からの指示を上書きするのだが、この「!importan
条件付コメント(Conditional Comments)実験ページ
IE5.5については「if gte IE 5.5」は通るのに「if IE 5.5」が通らないようです。 「if IE 5.5000」などとピリオド以下4桁全て書くと通ります。
アスタリスクをプロパティ名の頭につけるというCSSハック
CSSの各セレクタのブロック内でInternet ExplorerとFirefoxやOperaなどで分けてプロパティを設定するハックとしてUnderscore Hackという有名なものがあるが、Details on our CSS changes for IE7によるとInternet Explorer 7では修正されている。だが、アンダースコアのかわりにアスタリスク(*)をプロパティ名の頭につけるというAsterisk Hack (勝手に命名)は健在だったりとか。 Asterisk HackはUnderscore Hackとほとんど同じで、 #menu { position: fixed; *position: absolute; } というような記述をするハック(サンプル・ページ)。結果はInternet Explorerでabsolute、FirefoxやOperaなどではfixed
IEで固定座標を指定する方法
さて、アナウンスしていたようにIEでposition: fixed;を実現する手法について簡単にまとめておきます。まぁこのテクニックもIE7が出るまでのつなぎです。やり方は大まかには2通りあって、純粋にCSS(スタイルシート)のみで指定する方法とJavaScript(正確にはMS独自のDynamic property ダイナミックプロパティーと呼ばれるもの)を使うやり方です。 まず、1.CSSのみの方法から １．基本的な考え方は、HTML(あるいはBODY)タグのスクロールバーを非表示にして、かわりにDIVタグ(HTMLならBODYタグ)のスクロールバーを表示させる方法です。具体的な記述は以下のようになります。 html { overflow: hidden; } body { height: 100%; overflow: auto; } 次に、固定表示したいDIVタグ(タグは何でも良い
IE7 と CSS ハックと条件付コメント - lucky bag
IE に適用させないための各種 CSS ハックは、IE7 で修正される事になりそう。 IEBlog : Call to action: The demise of CSS hacks and broken pages 修正しておいた方が良い一般的なハック IEBlog では下記のハックを使用しているウェブページは修正しといた方が良いよってな事を呼びかけている。 Child Hack ( body > #foo ) StarHtmlHack ( * html #foo ) The Owen Hack ( head:first-child+body #foo ) head + body Selector ( head + body #foo ) こういったハックを使わずに、IE 独自実装の Conditional Comments を使うことを推奨しているんだけれど、head 内に記述するのは
cyano: Javascript
2006年4月のActiveXパッチがあたったIEでFlashなどを従来通り表示させるためのJavaScript（Flashのバージョン検出機能付き） Eolasの特許回避のため、2006年4月の月例パッチでInternetExplorerのActiveX周りに変更が加えられました。 具体的には、従来のようにHTMLページ内にobjectタグやembedタグでFlashを表示するように記述した場合、Flash上にマウスカーソルを持って行くと「このコントロールをアクティブ化して使用するにはクリックしてください」 と表示され、そのFlashがクリックを受け付けたり、マウスの位置情報を取得したりするためには（インタラクティブに振る舞うには）、一旦Flash上でクリックなどをしてFlashコントロールをアクティブ化しなくてはならなくなりました。 これの回避方法として、外部JavaScriptによっ
IEでのCSSのバグを回避するhasLayout | コリス
IE7で拡大・縮小時にレイアウトが重なってしまったり、IEでフロートした要素がはみ出てしまったりとIE独自のCSSのバグがいくつかあります。 これは、IEのhasLayoutが原因のひとつとなっているので、それを回避する方法を考察します。 hasLayoutとは IEでのCSSのバグを回避するhasLayoutの値 CSSのバグに効果のあるhasLayoutの指定方法 hasLayoutの参考ページ hasLayoutとは hasLayoutとは、オブジェクトがレイアウトを持っているかどうかを示すものです。 hasLayoutの値はread-onlyのため読み込みのみ可能で、falseとtrueがあります。 hasLayoutの値（read-only） false デフォルト値。 オブジェクトがレイアウトを持っていない。 true オブジェクトがレイアウトを持っている。 IEでのCSSのバ
TRANS - * { magin: 0;}だけでは物足りない！zoom: 1;を使おうよ！
IE6からIE7が今後本格的にマーケットシェアを取って行くことを考えると、IE7の仕様やバグを考えた上でのマークアップが欠かせないとは思います。でも、僕らはまだIE7がどんなものかが分からない。そのため、とりあえず* { zoom: 1;}を指定しておくことが安全策なのかもしれません。 IE7のZoom機能で、見事にこける。 先日、うちの本体のサイトを更新し終わった際に、スタッフから「あれ、しゃらくのサイトずれてるよ」と指摘されました。更新箇所が多く、CSSも多少いじくったので、どこか消してしまったのかもしれません。そこで、自分のブラウザで確認するも、どうも問題が再現できない。そのスタッフのブラウザを見ると、こんな感じになっていました。 僕のFirefoxで見てみても問題ないし、そのスタッフが使っているIE7でも問題なし。「うーん」と悩んでみるものの、意外と答えは簡単なところにありました。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IEでアルファチャンネルPNGを表示する （iepngfix.htc） - youmos
はてなブログ | 無料ブログを作成しよう
fam.cx