У меня есть этот HTML:

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

с этим CSS:

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

Я применяю фоновое изображение размером 200x100 пикселей, но я хочу отображать только обрезанную часть фонового изображения размером 200x50 пикселей.

background-clip не кажется подходящим свойством CSS для этого. Что я могу использовать вместо этого?

background-position не должен использоваться, потому что я использую вышеупомянутый CSS в контексте спрайта, где часть изображения, которую я хочу показать, меньше, чем элемент, для которого определен CSS.