<style type="text/css">
.thumbnail{
位置: 相対的;
z インデックス: 0;
.
サムネール:ホバー{
背景色: 透明;
z インデックス: 50;
}
.thumbnail span{ /*拡大画像用CSS*/
位置: 絶対;
背景色: 薄黄色;
パディング: 5px;
左: -1000ピクセル;
境界線: 1 ピクセルの破線グレー。
可視性: 非表示;
色: 黒;
テキスト装飾: なし。
}
.thumbnail span img{ /*拡大画像用CSS*/
境界線の幅: 0;
パディング: 2px;
}
.thumbnail:hover span{ /*ホバー時の拡大画像用CSS*/
可視性: 可視;
トップ: 0;
左: 60ピクセル; /*拡大画像を水平方向にオフセットする位置 */
}
</style>
<a class="thumbnail" href="#thumb"><img src=" " /><br />とにかく美しい。</span></a>
<a class="thumbnail" href="#thumb" ><img src=" " /><br />とてもリアルで、非現実的です。それともそうですか？</span></a>