html - 通过 CSS 调整图像大小在 IE8 中不起作用

Question

我有这样的风格：

input.date_picker, input.datetime_picker {
    background-image: url("/images/calendar.png");
    background-size: 16px 16px;
    background-position: right center;
    background-repeat: no-repeat;
}

我的日期选择器输入将这个小日历定位在右侧，大小为 16x16。在 IE8 中它不起作用，图像占据整个背景。

Answer 1

Background Size 属性是 CSS3 属性，Internet Explorer 8 不支持。您可以尝试将图像作为图像精灵，而不是带定位的背景精灵，然后尝试。或者您可以使 IE 8 背景大小以这种方式工作：

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/logo.gif',
sizingMethod='scale');

-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/logo.gif',
sizingMethod='scale')";

Answer 2

IE 的背景大小仅在 IE9+ 中受支持。最好的办法是首先在图像编辑器中将图像重新调整为正确的大小，然后重新上传。这样你就不会依赖 CSS3 背景大小的浏览器支持。