CSS: 2009年7月まとめ

text-indent:-9999;やdisplay:none;で実現できないデザインをCSSだけでロールオーバーを実現。
あと、javascriptが禁止の時などに使える方法。

• 動作確認済みブラウザ
  [mac]Safari3,Firefox3,Opera9
  [Win]IE6,IE8,Firefox3,Safari3

使った素材

z-indexでロールオーバーサンプル

ポイントはボタンの両端の線をかぶらせている点。