CSSだけでレスポンシブで画像ナビゲーションをテキストに切り替える

CSSだけでレスポンシブで画像ナビゲーションをテキストに切り替える グローバルナビゲーションはPCだと画像で作る場合が多いですが、スマホだとCSS3がフルに使えたりフォントが綺麗だったりするので、画像ではなくテキストで表示したいことがあります。 そこでレスポンシブで画像をテキストを切り替える方法をご紹介します。 投稿日2012年11月09日 更新日2012年11月09日 html & css 画像をリストで配置した他にaタグにdata属性でaltと同じテキストを記述してます。 html <nav> <ul> <li><a href="#" data-label="ホーム"><img src="img/nav01.png" alt="ホーム" width="108" height="58" /></a></li> <li><a href="#" data-label="サービス案内"><im

[typista]

ぽけったー CSSだけでレスポンシブで画像ナビゲーションをテキストに切り替える

[o_hiroyuki]

レスポンシブWebデザイン

[akamejoshi]

"φ(･ｪ･o)~ﾒﾓﾒﾓ

[hr07jp]

レスポンシブで画像ナビゲーションをテキストに切り替えるjQuery