Исправить спрайты с помощью msDropDown jQuery в IE7 / 8?

Question

Я использую плагин msDropDown jQuery для добавления изображений в выпадающие списки на моем сайте, используя их опцию Sprited.Все отлично работает во всех протестированных версиях Chrome, Firefox и IE9.Возвращение к IE7 или IE8, однако, ломает вещи.Это все еще почти работает, в том, что все элементы выбора получают правильные изображения.Однако изображение в параметре «заголовок» никогда не изменяется (например, изображение, которое отображается, когда у не открыто раскрывающееся меню).Он всегда отображает самый верхний спрайт.

Я отмечу, что эта проблема присутствует в демонстрационной версии css-версии автора .Что не так, чтобы остановить работу более ранних версий IE?Как это можно исправить?

Answer 1

В ветке комментариев на сайте автора мы с другим пользователем ходили взад-вперед, и, похоже, он обнаружил проблему. Это не полностью решено, но это должно привести к некоторым решениям.

Он опубликовал подробности о том, что происходит , но в основном это сводится к несогласованности в том, как ведут себя разные версии IE, когда дело доходит до интерпретации background-position: Xpx Ypx; против background-position-x: Xpx; background-position-y: Ypx;

Первоначально я думал, что добавление некоторого внешнего JS для обработки этого различия должно решить проблему. Однако это не удалось, поскольку все события, к которым я мог присоединиться, были выполнены где-то в середине выполнения плагина MS DropDown.

Вместо этого я сделал прямую модификацию плагина. Я деминифицирован, затем внес свои изменения, а затем снова минифицирован. Тестирование подтверждает, что сейчас все работает правильно. Я разбудил репозиторий MS DropDown на gitHub и обновил моей новой версией .

Answer 2

Я уже сталкивался с этой проблемой раньше, и часто это связано с position: relative; взламыванием вещей в IE.Тем не менее, я не видел ничего из этого в примере автора, но вижу проблему.

Вот все, что я мог найти на нем http://www.codingforums.com/archive/index.php/t-173790.html, но это не намного помогает, кроме как подтверждаетпроблемы, которые я видел.

Единственное, что я заметил, это то, что в примере не используется title=" relative/image.loc", но документация для плагина ссылается на его использование.

Возможнопроверьте это и попробуйте добавить атрибут title, чтобы увидеть, работает ли он.Просто выкидываю идеи, потому что это IE.

При отладке IE я обычно прибегаю к Firebug Lite (http://getfirebug.com/firebuglite), чтобы по возможности немного помочь. Могу помочь вам здесь.

От меня не так много помощи, но IE разочаровывает, поэтому я решил, что я хотя бы попробую.