IE6での角丸ボックスの表示くずれ


基金訓練に行ってきました。(41日目)」の中で、角丸の背景ボックスの作り方を書きましたが、その2で書いたやり方では、IE6で表示すると、上端画像の下と、下端画像の上に隙間ができるようです。
なので、その対策を書いてみたいと思います。

角丸の背景のボックスを作る。(IE6対応)

文字文字文字文字文字文字
文字文字文字文字文字文字
↑こんな風にしたいとき。 でも、IE6では↑

対策例

  • 前回の内容に、ハイライト部分を追加しました。
  • 上下端の画像の背景を透明にする必要があります。
  • 上下端の画像サイズは、幅100px、高さ10pxです。

関連記事

カテゴリー:HTML
.

コメントを残す

This site uses Akismet to reduce spam. Learn how your comment data is processed.