<style type="text/css">
.thumbnail{
位置：相对；
z 索引：0；
} .
缩略图：悬停{
背景颜色：透明；
z 指数：50；
}
.thumbnail span{ /*放大图片的CSS*/
位置：绝对；
背景颜色：浅黄色；
内边距：5px；
左：-1000px；
边框：1px 灰色虚线；
可见性：隐藏；
颜色：黑色;
文本装饰：无；
}
.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>