hover问题

源自：2-3 基本界面样式完成

hover问题

img是属于a标签里面的，但是img占了位置，所以当鼠标移到设置了透明度的图片上还是有hover的作用，如何解决这个问题呢？如果用display：none的话又没有办法解决透明度的问题了。

提问者：接收中___ 2015-12-09 23:23

个回答

xtaotao: 2015-12-19 23:19:53

使用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;
}

接收中___

2015-12-10 12:52:44

需要的就是移入a出现图片啊，把a的hover去掉没有意义

0
宇宙无敌626

2015-12-10 00:52:40

可以给img设置hover,把a的hover 效果消除掉；

0