Create CSS pin balloons with ease

CSSでピンバルーンを作成するチュートリアル。
次のような、カーソルを合わせるとハイライトされるような吹き出しをJavaScriptなしで作るチュートリアルです。



実際の動作はデモページを確認。
CSSのpositionとかhoverとかを組み合わせて作成してるみたいです。
吹き出し画像は透過PNG画像。



デモページ自体がサンプルページとなっているので、同じようなものを作りたい時に画像とCSSをちょっと書き換えて、サッと作れちゃうかもしれません。

タグ構造もとてもスッキリ

<div id="map">
    <div id="america"></div> 
    <div id="europe"></div> 
    <div id="africa"></div> 
    <div id="asia"></div> 
    <div id="australia"></div> 
    <div id="southAmerica"></div>
</div>