圖像作爲背景div

Question

我使用http://www.paulvanroekel.nl/picasa/visuallightbox/插件，創建一個畫廊，實際上完美的作品，但我有一個問題與圖像之間的空白空間，由不同的圖像尺寸，所以我需要創建類似這 https://pbs.twimg.com/media/BM-usuxCIAAthp9.jpg:large保持所有圖像之間的網格一致。 標記是：

<div> 
    <a> 
    <img> 
    </a> 
</div> 

我嘗試造成這種

http://jsfiddle.net/montogeek/x4PJ5/

我如何可以改變圖像的尺寸看起來一致@caramba解決方案？

Answer 1

這樣的事情？ http://jsfiddle.net/rzWKR/1/

<div class="img-box"> 
    <img src="https://pbs.twimg.com/media/BM-usuxCIAAthp9.jpg:large" alt="" /> 
</div> 

<style type="text/css"> 
    .img-box { 
    position:relative; 
    border:solid 2px red; 
    width:280px;height:250px; 
    overflow:hidden; 
} 
.img-box > img { 
    position:absolute; 
    left:-10px; 
    top:-10px; 
} 
</style>