Нужно растянуть изображение, используемое в теге ввода, чтобы оно работало на IE7 и IE8.

Question

Мне в основном нужно использовать причудливое фоновое изображение для ввода текста ввода.

У меня есть следующий HTML

<form id="search" class="" autocomplete="off"> 
<div> 
    <input type="text" placeholder="" class="myclass" name="q" /> 
</div> 
</form> 

Вот мой CSS

#search .myclass { 
    font-family: arial; 
    height: 30px; 
    width:100%; 
    min-width:100px; 
    font-size: 14px; 
    background-image: url('/images/myimage.png'); 
    background-size: 100% 100%; 
    background-repeat:no-repeat; 
} 

Теперь это прекрасно работает в других браузерах для IE7 и IE8, за исключением.

Прошу совета по этому вопросу.

Answer 1

Попробуйте этот фильтр IE масштабировать изображение до его контейнер:

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

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