在響應式網站上從頂部和底部圖像隱藏/切片

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/