片悬停放大 <br> *{margin:0;padding:0;} <br> body{margin-top:80px;font-size:12px;font-family:"微软雅黑",arial,sans-serif;color:#9C9C91;background:#fff;} <br> a {color:#333;text-decoration: none;} <br> a:hover {color:#f00;} <br> .wrap {width:720px;background:#f2f2f2;margin:0 auto;} <br> ul.works {list-style:none;margin:0;padding:0;} <br> ul.works li {float:left;display: inline;margin:0 20px 20px 0;width:158px;height:150px;} <br> ul.works li a {text-decoration: none;display:block;width:158px;height:150px;background:#fff;} <br> ul.works li a img {width:150px;height:140px;border:0;} <br> ul.works li a .imgthumb {position:relative;background:#EFEFEF;} <br> ul.works li a .imgthumb span.thumb_shadow_right {position:relative;top:-3px;left:-3px;display:block;border:1px solid #BCBEC0;background:#FFF;padding:3px;text- <br> <br> <br> align:center;} <br> ul.works li a .intro {display:none;margin-top:5px;height:80px;color:#9C9C91;line-height:1.5;} <br> ul.works li a .intro p {border-bottom:1px solid #DEDEDD;overflow:hidden;} <br> ul.works li a:hover {position:absolute;z-index:5;margin:-60px -6px -220px -30px;width:210px;height:273px;background:#CFE798;cursor:pointer;} <br> ul.works li a:hover .shadow {position:relative;display:block;padding:4px;} <br> ul.works li a:hover .box {border:1px solid #9FCF30;background:#fff;padding:15px 10px 15px 15px;} <br> ul.works li a:hover .intro {display:block;} <br> class="intro">服务客户: 好搜项目类别: 企业VI设计所在行业: 互联网创作时间: 2015.03 class="intro">服务客户: 百度搜索项目类别: 硬件防火墙所在行业: 互联网创作时间: 2015.03 class="intro">服务客户: 新浪财经项目类别: 企业VI设计所在行业: 金融行业创作时间: 2015.04 class="intro">サービスクライアント: Tencent Newsプロジェクトカテゴリ: 企業 VI デザイン業界: インターネット p>作成時期: 2015.05<gt;< div> http://www.999jiujiu.com/本文>