接收中___
2015-12-09 23:23
img是属于a标签里面的,但是img占了位置,所以当鼠标移到设置了透明度的图片上还是有hover的作用,如何解决这个问题呢?如果用display:none的话又没有办法解决透明度的问题了。
使用z-index
.slider .ctrl .ctrl-i img{
width:100%;
position:absolute;
bottom:50px;
left:0px;
opacity: 0;
z-index: -1;
-webkit-transition:all .2s;
}
.slider .ctrl .ctrl-i:hover img{
bottom:13px;
-webkit-box-reflect:below 0px -webkit-gradient(
linear,
left top,
left bottom,
from(transparent),
color-stop(50%,transparent),
to( rgba(255,255,255,0.3) )
);
opacity: 1;
z-index: 0;
}
需要的就是移入a出现图片啊,把a的hover去掉没有意义
可以给img设置hover,把a的hover 效果消除掉;
JS+CSS3实现带预览图幻灯片效果
53750 学习 · 279 问题
相似问题