IE6 коробка ввода не работает, как исправить?

Question

Небольшая справочная информация здесь: Я сузил проблему, но не могу определить, что такое исправление. В IE6 поле ввода не позволит мне использовать мышь, чтобы выбрать его.

Пожалуйста, перейдите сюда, чтобы увидеть проблему: http://www.malahatautoparts.com/business-application/

проблемы проистекает из затруднительного IE6 для фона CSS.

#main{ 
background-position:-9999px -9999px; 
filter: progid:dximagetransform.microsoft.alphaimageloader(src='http://www.malahatautoparts.com/wp-content/themes/malahat/images/bg-main.png', sizingmethod='crop'); 
} 

Если я удалю это из своего файла css IE6, окно ввода неожиданно работает. Любые идеи о том, что я могу использовать, чтобы исправить это?

Answer 1

Условный комментарий, который у вас есть для «меньше IE 7», даже не работает правильно для прозрачности PNG, которую он должен исправить в IE6: я вижу серый фон вокруг прозрачных уголков. В IE7 прозрачность работает изначально без загрузки этой таблицы стилей.

Метод, который вы используете в таблице стилей IE, зависит от фильтра alphaImageLoader, который, как я подозреваю, блокирует верхнюю часть элементов формы HTML на странице.

Существует альтернативный метод, который вместо этого использует VML: проверьте DD_BelatedPNG. Я не уверен на 100%, если он решит вашу проблему, но у меня есть такая догадка, и это более чистое решение, чем то, что вы используете сейчас.

Answer 2

<textarea> и <input> выбор: SelectionStart и selectionEnd не реализованы в IE, и есть фирменная «колеблется» система на своем месте, смотри также Caret position in textarea, in characters from the start.

Также см. What are the typical reasons Javascript developed on Firefox fails on IE для общих причин отказа Javascript/CSS в IE, которые работают в Firefox & других браузерах (или наоборот).

Некоторые отличные советы, поэтому вы можете получить единообразный вид во всех браузерах. &.

Answer 3

использование CSS с

#main{ 
background-position:-9999px -9999px; 
filter: progid:dximagetransform.microsoft.alphaimageloader(src='http://www.malahatautoparts.com/wp-content/themes/malahat/images/bg-main.png', sizingmethod='crop'); 
position: relative; 
}