IE8 背景大小不工作
IE8 Background-size not working
我正在尝试填充我的图像以适合 DIV 的大小。
我已经发现 "background-size: contain" 不适用于 Internet Explorer 8。
我的特定代码是否有可能的解决方法。
.thumb {
/* Select a maximum height and width to allot for each thumbnail. Set margin size here as well. */
height: 125px;
width: 135px;
/* Do not edit these properties. */
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
在我的 javascript 中:
$('.thumb:' + place).css("background-image", 'url(' + entry.thumbnailURL + ')');
$('.thumb:' + place).css("filter", 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=' + entry.thumbnailURL + ',sizingMethod='scale')');
$('.thumb:' + place).css("-ms-filter", 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=' + entry.thumbnailURL + ',sizingMethod='scale')');
你得到一个 Unexpected identifier
因为这两个位:
',sizingMethod='scale')');
您必须将其更改为
',sizingMethod=\'scale\')');
或
',sizingMethod="scale")');
我正在尝试填充我的图像以适合 DIV 的大小。 我已经发现 "background-size: contain" 不适用于 Internet Explorer 8。
我的特定代码是否有可能的解决方法。
.thumb {
/* Select a maximum height and width to allot for each thumbnail. Set margin size here as well. */
height: 125px;
width: 135px;
/* Do not edit these properties. */
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
在我的 javascript 中:
$('.thumb:' + place).css("background-image", 'url(' + entry.thumbnailURL + ')');
$('.thumb:' + place).css("filter", 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=' + entry.thumbnailURL + ',sizingMethod='scale')');
$('.thumb:' + place).css("-ms-filter", 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=' + entry.thumbnailURL + ',sizingMethod='scale')');
你得到一个 Unexpected identifier
因为这两个位:
',sizingMethod='scale')');
您必须将其更改为
',sizingMethod=\'scale\')');
或
',sizingMethod="scale")');