中央の画像と切り抜く

Question

div要素に画像を入れたいと思っています。

.slideshow img { 
    width: 250px; 
} 
.slideshow { 
    overflow: hidden; 
    height: 170px; 
    width: 250px; 
    position:relative; 

} 

それが正常に動作しますが、それから、私の画像作物がトップだが、私は中央の画像をしたいし、その後上から下から、それをトリミング：私はこの1つのようにこれをやりました。これどうやってするの？

Answer 1

画像や設定相対位置のCSSの使用クリッププロパティが負の左と上の位置に

img 
{ 
clip:rect(0px,60px,200px,0px); 
} 

Answer 2

あなたは垂直方向にのみ画像と少なくとも同じ身長であるラインの画像をセンタリングすることができます。したがって、非常に背の高いdivに画像を中央に配置し、divを元のdivに相対的に中心を合わせるために相対配置を使用するのがこのトリックです。内側のdivに必要なCSSは、vertical-align: middle; line-height: 850px; position: relative; top: -340px;のようなものです。

Answer 3

だけ追加します。

position:relative; 
left:-25%; 
top:-25%; 

を

あなた.slideshow IMGクラスに

をこれは動作するはずです。