Bu HTML var:

<div id="graphic">lorem ipsum</div>

CSS:

#graphic { background-image: url(image.jpg); width: 200px; height: 100px;}

Başvuruyorum arka plan resim 200x100 kantin var, ama ben sadece 200x50 px arka plan görüntüsü kırpılmış bir kısmını görüntülemek istiyorum.

background-clip bunun için doğru CSS özelliği görünmüyor. Ben bunun yerine ne kullanabilirim?

background-position göstermek istiyorum resim bölümü hangi CSS tanımlı öğe daha küçük olduğu bir sprite bağlamda yukarıdaki CSS kullanıyorum çünkü kullanılmamalıdır.

Kendi boyutlu içerik ile bir pseudoelement grafik koyabilirsiniz:

#graphic {
  width: 200px;
  height: 100px;
  position: relative;
}
#graphic:before {
  content: '';
  position: absolute;
  z-index: -1;
  width: 200px;
  height: 50px;
  background-image: url(image.jpg);
}

Burada bir jsfiddle: http://jsfiddle.net/blineberry/BhbrL/1023/

Her zamanki reddi hakkında uyuşmazlık IE 7 ve daha düşük geçerlidir. Bu tarayıcılar :before tanımaz.