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