Как избежать того, чтобы раскрывающийся список автозаполнения jQuery был скрыт базовым объектом Flash?

Question

Я использую jQuery Autocomplete, как в этом примере:

http://jqueryui.com/demos/autocomplete/remote-jsonp.html

Проблема в том, что в этом примере вы видите поле Result - этогде мой флэш-объект.

Итак, когда появляется выпадающий список автозаполнения, most of the text is concealed by the flash object (which I can't move).

Как сделать так, чтобы текст автозаполнения появлялся поверх флэшобъект (скрывая свой взгляд, а не наоборот)?

Answer 1

Вам нужно установить прозрачность wmode на вашей вспышке.

Answer 2

Z-индекс не будет работать, пока вы не установите прозрачный wmode.

Answer 3

"Флэш-фильм ... может отображаться над всеми слоями независимо от порядка наложения (" z-index ") этих слоев."

"... Использование WMODEзначение «непрозрачный» или «прозрачный» предотвратит воспроизведение фильма Flash в верхнем слое и позволит настроить наложение фильма в других слоях документа HTML. "

В другомсловами, если ваш флэш-объект похож на <object attr=value and so on>, вам нужно добавить атрибут wmode: <object wmode=transparent attr=value and so on>.

http://kb2.adobe.com/cps/155/tn_15523.html

Answer 4

Вы также можете попытаться присвоить вашему Result box сумасшедшее значение z-index.Этот подход работал для меня в прошлом.Проще говоря, свойство z-index указывает порядок стека элемента.

Пример CSS:

#resultbox {
   z-index:20000
}