当前位置:首页 > 开发 > Web前端 > 前端 > 正文

图片黑色阴影

发表于: 2013-12-22   作者:bozch   来源:转载   浏览:
摘要:  .event{ padding:0;    width:460px;    min-width: 460px;    border:0px solid #e4e4e4;    height: 350px;    min-heig

 .event{
 padding:0;
    width:460px;
    min-width: 460px;
    border:0px solid #e4e4e4;
    height: 350px;
    min-height: 350px;
    position: relative;
}
.event img{height:300px;width:460px;border: 0;}
 .event .title{
 background: #95c04c;
 color:white;
 width:100%;
 height:32px;
 padding:6px 6px 6px 8px;
 margin-left:0;
 margin-top:8px;
}
.imgGrayCover{
display: none;width: 100%;position: absolute;top: 0;left: 0;padding: 10px;background: #000;background: rgba(0, 0, 0, .5);z-index: 8085;text-shadow:none;height:300px;
}

<!-- pull-right、pull-left 、thumbnail为bootstrap的样式-->

 <div class="event pull-left thumbnail">
          <div class="imgGrayCover"></div>
          <img src="../img/index/onshow.jpg" alt="活动预告"/>
          <div class="title">
           <span class="pull-left">活动预告</span>
           <span class="pull-right">+</span>
          </div>
         </div>

<script type="text/javascript">
  $(function(){
   $('.eventEntry .event').hover(function(){
    $(this).find('.imgGrayCover').show();
   },function(){
    $(this).find('.imgGrayCover').hide();
   });
  });
 </script>

图片黑色阴影

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
推荐安卓开发神器(里面有各种UI特效和android代码库实例) android中开发中,有时候为了某种效果需
今天从珠海回来的时候,碰到一幕.真的觉得让人很不可思议的事情,就像白天突然变成了黑夜,天狗吃月了.
今天从珠海回来的时候,碰到一幕.真的觉得让人很不可思议的事情,就像白天突然变成了黑夜,天狗吃月了.
今天从珠海回来的时候,碰到一幕.真的觉得让人很不可思议的事情,就像白天突然变成了黑夜,天狗吃月了.
图片阴影效果和影子效果 转载:http://www.adobex.com/android/source/details/00000120.htm
前端开发whqet,csdn,王海庆,whqet,前端开发专家 利用CSS3实现图片阴影效果,在线研究点这里,下载收
先上实现效果图: 直接上代码: import android.app.Activity; import android.content.Context; im
先上实现效果图: 直接上代码: [java] view plain copy print ? <ol start="1" class="dp-j" st
问题的表现是这样的,材质局部没有光照,是阴影效果: 官方说这个是一个bug,官方正在修复中,当前
<!--StartFragment --> CSS实现页面图片阴影特效 var arrBaiduCproConfig=new Array(); arrBai
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号