王新阳

wangxinyang

border-radius溢出

如下CSS鼠标滑过时在360浏览器的极速模式下,会出现border-radisu溢出,图片仍是方形,直至transform动画结束。

a{
	display:block;
	width:100px;
	height:100px;
	border-radius:50%;
	overflow:hidden;
}
a img{
	width:100%;
	height:100%;
	transition:transform ease .5s;
}
a:hover img{
	transform:scale(1.05);
}

解决方法:

a{
	position:relative;
	z-index:1;
}
2017-06-15
2024-04-30 星期二 农历三月二十二