CSS: 2009年7月まとめ

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

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

使った素材

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

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

あわせて読みたいブログパーツ