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