Фоновое изображение текстового поля только для IE

Question

Я пытаюсь исправить свой CSS, чтобы старые IE могли просматривать мой веб-сайт как можно лучше.

Я использую 'border-radius' для стиля полей формы, придавая им закругленные углы.Для более старых версий IE я использую фоновое изображение ниже -

http://studio.allanbendy.com/sites/all/themes/studio_allanbendy_7/i/form-textfield-bg.gif

.form-textfield {
background: url("/i/form-textfield-bg.gif") no-repeat bottom right;
background-attachment: fixed;
height: 15px;
width: 362px;
}

К сожалению, приведенный выше CSS не выглядит как текстовое поле в IE 7 и 8.Он отлично работает в IE 6.

Есть предложения?

Answer 1

Удалить background-attachment: fixed;. Поскольку IE6 игнорирует это для элементов без возможности прокрутки, он отображается там. Но вообще определение смысла не имеет смысла, если вы хотите стилизовать отдельный элемент.

Answer 2

Вместо графики, специфичной для IE, я бы рекомендовал использовать CSS3Pie для округления углов в IE.

Это отличное решение, чтобы IE поддерживал стандарт CSS border-radius.стиль.