《点击图片显示透明灰色背景注释信》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、

2、ectwithjQueryandCSS3"/>Cufon.replace('a,h1,h2,h3');Cufon('h1,h3',{textShadow:'1px1px#fff'});*{margin:0;padding:0;}body{bac

3、kground:#fff;font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#fff;background:#f0f0f0url(../images/greyscale_natural_grunge5.jpg)repeattopleft;}.content{width:750px;padding:20px50px;margin:0auto;position:relative;}.portfolio{width:500px;margi

4、n:0auto;position:relative;}.portfolio_item{position:relative;margin:30pxauto;}.image_wrap{width:500px;height:500px;display:table-cell;text-align:center;vertical-align:middle;position:relative;cursor:pointer;}.image_wrap>img{vertical-align:middle;margin:

5、0auto;position:relative;-moz-box-shadow:1px1px7px#000;-webkit-box-shadow:1px1px7px#000;box-shadow:1px1px7px#000;}.zoom_overlay{width:400px;height:400px;margin:-200px0px0px-200px;background:transparenturl(../images/overlay.png)repeattopleft;position:abso

6、lute;top:50%;left:50%;display:none;opacity:0;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;cursor:pointer;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}.zoom_overlayimg{display:none;}h1{font-size:40px;word-spacing:10

7、px;color:#333;}h3{margin-bottom:30px;font-size:18px;word-spacing:5px;color:#c1a97e;}span.reference{font-family:Arial;position:fixed;left:10px;bottom:10px;font-size:12px;}span.referencea{color:#333;text-transform:uppercase;text-decoration:none;}<

8、/head>

AnnotationOverlayEffectwithjQuery

Clickontheimagestoseethenotesforeachitem