- 2007-10-03 (水)
- Webデザイン
IE6.0で文字が消える現象について。
以下の項目に該当したら、IE6.0のCSSバグです。
・文字が消えるブロック要素に背景色を指定している
・文字が消えるブロック要素内にフロート配置した要素がある
<div style="background:aqua;">
<div>A</div>
<div style="float:right; width:3em; background:blue;">B</div>
<div style="clear:right;">C</div>
</div>
上記のソースをIE6.0で見ると、「A」という文字が消えると思います。マウスなどで選択するとあぶり出しのように「A」という文字が浮かび上がります。
対策
ブロック要素の幅をwidthプロパティで明示することで回避できます。
<div style="width:99%; background:aqua;">
<div>A</div>
<div style="float:right; width:3em; background:blue;">B</div>
<div style="clear:right;">C</div>
</div>
◇ 参考 ◇
Internet Explorer (Windows) CSSバグリスト
文字が消える?消える?Ie?Css?Ie6?
カテゴリ「Webデザイン」の最新記事
-
2008-07-04 23:00 - クリックされやすい広告のヒント
-
2007-10-03 12:00 - IE6.0で文字が消える
-
2007-03-01 20:32 - スタイルシート切り替えスクリプトを設置
-
2007-02-21 23:22 - Web標準に準拠したWebデザイン(2) - XHTMLへの移行
-
2007-02-14 16:41 - Web標準に準拠したWebデザイン(1) - 序章
「文字が消える」に関連する商品を...
- Newer: ARS成果報告（2007年8月と9月）
- Older: Amazon ブランドが訪問者に安心感を与える