Я использую библиотеку jquery.multiselect, которая отлично работает в хроме.jQuery UI multiselect компоненты рендеринга вдали от фактического управления
Я использую стили CSS, которые могут быть просмотрены here
Использование:
$("#component").multiselect(
{
multiple: true,
height: '30px',
selectedText: "# selected",
noneSelectedText: "Select Items",
checkAllText: "All",
uncheckAllText: "None"
});
Это работает отлично в хроме, но при попытке просмотра в Firefox или IE, при открытии выберите , он прокладывает путь вниз в левую нижнюю часть экрана, и похоже, что z-index не работает вообще. Я изучил это немного, и похоже, что может быть ошибка с jQuery 1.8.1 (которую я использую), однако hotfix , похоже, не работает.
Любые идеи относительно того, почему это будет работать в хроме, но не в других браузерах?
Вопрос об here кажется очень похожим, также.
Также может быть полезно отметить, что я размещаю combobox внутри аккордеона, но поскольку он работает в хроме, я уверен, что это не должно быть проблемой. Меня беспокоит, что позиция: абсолютная (в некоторых стилях) может вызвать проблемы в некоторых браузерах, но это может быть красная селедка.
Я потерялся на этом, пожалуйста, помогите! Благодарю.
Это, вероятно, просто исправить (может быть, несколько строк CSS), и это гораздо более вероятно, ошибка в вашей реализации, а не ошибка jqueryui. Вы должны опубликовать разметку и все свои css на jsfiddle или иметь общедоступную страницу. – Ringo