CSSのみで画像に違和感なく注釈を入れるサンプル:phpspot開発日誌

CSS Image Maps, Redux - Flickr-like Technique? CSSのみで画像に違和感なく注釈を入れるサンプルが紹介されています。 次のサンプルを見れば、その利便性が分かるはずです。(JavaScriptは使っていません) 画像内の枠線にカーソルを合わせると説明表示

[WebDesignScrach]

技術として

[Kei_9]

　はてダでいつか使ってみたい

[adsty]

画像内の特定部分にカーソルを合わせると説明を表示。

[otchy210]

こういうのをハック使ってまで CSS でやる意図がわかんない。img の下に li で説明を書いておいて、JavaScript 有効時のみ画像内にポップアップとかするのがスマートなのでは？適材適所を意識したい。

[contractio]

便利。

[Kmusiclife]

ほんとにWEBは自由になってきたな。

[Molokheiya]

CSSだけでできるのかー

[smbd]

Sugeeee

[pitworks]

画像内の枠線にカーソルを合わせると説明表示するテクニック

[min37]

CSSのみで画像に違和感なく注釈を入れるサンプル