Question

假设我有一些大图像，我也有98 * 98 div，并希望将图像的中心部分显示为缩略图，即中心宽度*宽度为纵向或高度*高度为横向和比例为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\');，但它的作用是缩放整个图像而不是缩放中心。

有没有办法处理 __ IE8？

Answer 1

给出该图像的div背景：background：url（pathtoimage.ext）no-repeat center;

如何在IE8中显示部分图像作为背景？

1 个答案: