商品相册里的图片不是满屏显示的,如何实现只显示图片的上半部分

2016-07-07 15:01 来源:www.chinab4c.com 作者:ecshop专家



从上传商品图片传图片到商品相册后,图片不是满屏截取的.两边还有空白.想实现图片无空白截取.如何实现..如图:

这张是满屏显示的.我自己操作时却是这样的.

我自己操作时图片不是满屏显示的,两边有空白....

回答:
如何在商品相册里只显示图片的一部分,或者说是上半部分呢.

使用js 对图片进行等比例压缩




假设你商品图片是放在一个div容器里。

<div style="width:200px; height:200px; overflow:hidden;"><img src="pic.jpg" /></div>

给这个div容器设置下 overflow:hidden 试试看。