接收中___
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实现带预览图幻灯片效果
53759 学习 · 265 问题
相似问题