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背景大小的浏览器支持。

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

2 个答案: