IE 7 のズーム機能を使用すると、position プロパティを指定している箇所の表示がおかしくなってしまうことがあります。IE 7 でズーム機能を使用すると崩れてしまうdemoを用意しました。 不具合再現用のdemo 通常時 (サンプル画像は 100% 時)には意図したとおりにレンダリングされています。 拡大時 (サンプル画像は 120% 時) は下部に意図しない余白ができてしまっています。 縮小時 (サンプル画像は80%時) には黒い枠がグレーの枠の要素に食い込んでしまっています。 この例のHTMLの構造は 黒い枠のついたdiv要素 薄グレーの背景のdiv要素(position:relative;) 濃いグレーの背景のdiv要素(position:absolute;) という入れ子の構造になっています。 この不具合の原因はおそらくpositionプロパティが適用された要素の入れ子
先日、友達の依頼で XHTML+CSS のコーディングをしていたところ、position:absolute を指定したボックスが Win版IE6 でのみ表示されないという現象に出くわしました。あちこち調べてみたところ、かなり厄介な IE のバグのようで、消えるときの条件がいろいろあることがわかったので、整理してみたいと思います。 まず最初に見つけたのが、以下のサイト。 » IEで position:absolute した要素が消えるバグ こちらで紹介されているのは、float と clear にはさまれた position:absolute が消えてしまう現象とその対策。でも、私がはまったケースでは、position:abloslute の前には float がありません。紹介されているように clear を追加してみても当然ダメ。う～ん、なぜだ・・・ 日本語のリソースを調べてみても解決策
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
