鼠标悬停，图片放大 CSS实现

因为最近做的项目刚好用到了这个实现，分享出来

 

class=enlarge 为div标签的class div img 为标签

.enlarge div img:hover{

transform: scale(3.2);

-webkit-transform: scale(3.0); /*Safari 和 Chrome*/

-moz-transform: scale(3.0); /*Firefox*/

-ms-transform: scale(3.0); /*IE9*/

-o-transform: scale(3.0); /*Opera*/

z-index:1;

border:2px solid black; （加黑色边框）

position: absolute;（谷歌浏览器只有加上这个，z-index才有效）

}