html点击放大只在中间显示,css鼠标指上放大的效果，可是图片放大后，中间空白处就不是圆形了？...

.circle_inner{

top:200px;

left:200px;

position: relative;

height: 400px;

width: 400px;

}

.circle_inner_1{

position: relative;

display: inline-block;

width: 200px;

height: 200px;

}

.circle_inner img{

width: 200px;

height:200px;

transition: width .5s, height .5s;

-webkit-transition: width .5s, height .5s, transform .5s;

-moz-transition: width .5s, height .5s, transform .5s;

-o-transition: width .5s, height .5s, transform .5s;

position: absolute;

top: 0;

left: 0;

}

.circle_inner img:hover{

transform: scale(1.2, 1.2);

-ms-transform: scale(1.2, 1.2);

/* IE 9 */

-webkit-transform: scale(1.2, 1.2);

/* Safari and Chrome */

z-index: 9999;

}