在响应式网站上从顶部和底部图像隐藏/切片

Question

我创建了一个响应式网站，现在当它几乎完成时，我意识到图像高度太多了30px。 由于我有几千个产品图像，编辑所有图像将会非常麻烦。

所以我找了一些解决方案，将图像从切片的顶部和15px的从下15PX是

什么将是最好的方式做到这一点？

Answer 1

如果你有一些容器中的每个图像，你可以做这样的事情：

HTML

<div class="container"> 
<img src="yourimage.jpg" width="100" height="100"/> 
</div> 

CSS

.container { 
    width:100px; 
    height:70px; 
    overflow:hidden; 
} 
.container img { 
    position:relative; 
    top:-15px; 
} 

演示http://jsfiddle.net/ysH4Q/6/