<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 />簡單漂亮
。 ><img src=" " /><br />如此真實,又如此不真實。或者是嗎?