Javascript・画像なしでcssを使った噴出し

add to hatena hatena.comment
0
add to del.icio.us
0
add to livedoor.clip
0
add to Yahoo!Bookmark
0
Total:
0

CSS, 子ネタ

ちょこっとした小ネタですが…

モダンブラウザの場合の表示

hkds_cap1
CSS3をサポートしているブラウザだと上の様に見えます。

古いブラウザの場合

hkds-ie7_cap1
古いブラウザになればなるほどしょぼい表示になります。
うーん、しょぼいですね。とりあえず詳細は続きに。

CSSで1枚のリンク画像ボタンをhover時に変化させる

add to hatena hatena.comment
5
add to del.icio.us
0
add to livedoor.clip
1
add to Yahoo!Bookmark
0
Total:
6

CSS

下のようなボタン画像を

テストボタン

hover時(マウスカーソルが合った時)に画像をこれ以上用意せずに変化させるTipsです。
上のボタンにカーソルを合わせたら色が少し薄くなると思います。

対応ブラウザなど

CSS3は使用していません。対応ブラウザはIE5.5-IE8,Firefox3,Safari3,opera9などです。

ソースは続きに記載しておきます。

Available Feeds

ブログ内検索

最近の活動

イベント

Dreamweaver Town Meeting in Tokyo

Dreamweaver Town Meeting in Tokyoに出演しました。

書籍

続・ハイパフォーマンスWebサイト ―ウェブ高速化のベストプラクティス (大型本)

付録を書かせていただきました。

Profile

ずま/Zuma
Zuma
TwitterはてなブックマークTumblrFriendFeedGoogle リーダー

某ポータルWebデザイナー。世間的にはマークアップな人。 html,css,javascript大好き。最近はcss3がお気に入り。phpとasも気になるお年頃。僕はどこへ向かうのか。dot3というユニットでも活動中。http://dot3.jp [tag]iPhone,music,design,wordpress

アーカイブ