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%);
这种方式低端的浏览器兼容不好,所以也不想用;
还有什么其他的好办法吗?
用做轮播图的思维来做。
把img放在div里面,然后用绝对定位,移动就用js移动就好。