Как показать часть изображения в качестве фона в IE8?

Question

Предполагая, что у меня есть несколько больших изображений, также у меня есть деление 98 * 98 и я хочу показать центральную часть изображения в виде миниатюры, то есть, ширину центра * ширину для портрета или высоту * высота для ландшафта и масштаб до 98* 98.У меня есть следующий код PHP и HTML

<?php list($width, $height) = getimagesize($thumbpath);
if ($width > $height) {
  $heightnew = 98;
  $widthnew = 98 * $width / $height;
} else {
  $widthnew = 98;
  $heightnew = 98 * $height / $width;
}
$thumbcss = ' style="background: url(\'' . $thumbpath . '\') no-repeat;' . 
            ' background-size: ' . $widthnew . 'px ' . $heightnew . 'px;' .
            ' -moz-background-size: ' . $widthnew . 'px ' . $heightnew . 'px;' .
            ' background-position: 50% 50%;';
echo '<div class="thumb"' . $thumbcss . '></div>';?>

Он прекрасно работает во всех продвинутых браузерах, кроме IE8.Затем я пытаюсь добавить следующее в CSS: filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' . $thumbpath . '\', sizingMethod=\'scale\'); -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' . $thumbpath . '\', sizingMethod=\'scale\');, но он масштабирует все изображение вместо масштабированного центра.

Есть ли способ справиться с __ * 1008?* IE8?

Answer 1

Дайте этому div фон этого изображения: background: url (pathtoimage.ext) центр без повторений;