css 图片溢出居中

Question

css 图片溢出居中

如图红色的框为div，绿色的框为img，img是比div要大的，现在想让img居中；
因为还要给img添加touch事件，改变img的left，top以便可以查看全部的图片，所以这里不能用background；

left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
这种方式低端的浏览器兼容不好，所以也不想用；

还有什么其他的好办法吗？

Answer 1

用做轮播图的思维来做。

把img放在div里面，然后用绝对定位，移动就用js移动就好。