IE9 - проблема с заполнителем и фоновым изображением в сочетании с градиентом - PullRequest
0 голосов
/ 17 января 2011

У меня есть поле ввода текста в HTML и атрибут placeholder:

<input type="text" placeholder="Filter results...">

К сожалению, атрибут placeholder, кажется, не работает?Я думал, что это реализовано в Internet Explorer 9?Вы можете увидеть демо здесь: http://jsbin.com/esiya3/5/ - http://jsbin.com/esiya3/5/edit

Также у меня проблема с -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#f0f0f0')"; в сочетании с background-image.Во всех других браузерах, Firefox, Opera, Safari, Chrome отображается градиент и фоновое изображение.Только в IE 9 фонового изображения там нет.Я должен исключить градиент, тогда я могу видеть изображение.Но что я могу сделать, чтобы иметь оба?

Вот демоверсия с градиентом: http://jsbin.com/esiya3/5/ - http://jsbin.com/esiya3/5/edit

и без градиента: http://jsbin.com/esiya3/6/- http://jsbin.com/esiya3/6/edit

Возможно, у кого-то есть идея?

Заранее спасибо и с наилучшими пожеланиями.

Ответы [ 2 ]

3 голосов
/ 27 января 2011

Вы можете объединить фильтр градиента с загрузчиком изображений alpa:

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myimage.png')
    progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f0');

для решения проблемы градиентного изображения.

2 голосов
/ 05 ноября 2012

вы можете использовать SVG для фонового изображения.Вы должны с помощью тега svg создать свой градиент и сохранить его с помощью etension .svg, а затем загрузить его в файл CSS.

...