[CSS] CSSだけで力技ロールオーバーを検証

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

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

使った素材

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

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

カテゴリ:

トラックバック(0)

トラックバックURL: http://www.0yen-coding.com/mt-tb.cgi/85

コメントする

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