圖片通過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; 
} 

我的日期選擇器輸入都定位到右，尺寸16×16這個小日曆。在IE8中它不起作用，圖像佔據整個背景。

Answer 1

背景，大小IE只在IE9 +支持。做的最好的事情是在圖像編輯器首先要重新大小的圖像，以正確的尺寸，然後再重新上傳。這樣你就不依賴於CSS3背景大小的瀏覽器支持。

Answer 2

背景大小屬性是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')";