overflow: hidden图片放大超过父块时隐藏
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
a{
width: 1400px;
height: 800px;
display: block;
overflow: hidden;
}
a:hover img{
-webkit-transform:scale(1.1,1.1);
-moz-transform:scale(1.1,1.1);
-transform:scale(1.1,1.1);
}
</style>
</head>
<body>
<a href="#" >
<img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1502787322117&di=f8da8baab99e66fbb9d54d32d1008e32&imgtype=0&src=http%3A%2F%2Fh9.86.cc%2Fwalls%2F20151217%2F1440x900_0da1045a55c05e4.jpg"/>
</a>
</body>
</html>