如何避免 jQuery 自动完成下拉菜单被底层 Flash 对象隐藏？
我正在使用 jQuery Autocomplete 就像这个例子一样：
http: //jqueryui.com/demos/autocomplete/remote-jsonp.html
问题是，您在该示例中看到 Result 框的区域 - 这就是我的 Flash 对象所在的位置。
因此，当自动完成下拉菜单出现时，大部分文本都被 Flash 对象（我无法移动）隐藏。
如何使自动完成文本显示在 Flash 对象上（隐藏其视图，而不是相反）？
I'm using jQuery Autocomplete just as in this example:
http://jqueryui.com/demos/autocomplete/remote-jsonp.html
The problem is, the area where you see the Result box in that example - that's where my flash object is.
So, when the autocomplete dropdown appears, most of the text is concealed by the flash object (which I can't move).
How can I make the autocomplete text appear over the flash object (concealing its view rather than vice versa)?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（4）
您需要将闪光灯的 wmode 设置为透明。
You need to set the wmode to transparent on your flash.
“Flash 影片...可能会显示在所有图层之上，而不管这些图层的堆叠顺序（“z-index”）如何。”
“...使用“不透明”或“透明”的 WMODE 值将阻止 Flash 影片在最顶层播放，并允许您在 HTML 的其他层中调整影片的分层文档。”
换句话说，如果你的flash对象是类似
http://kb2.adobe.com/cps/155/tn_15523.html
"A Flash movie ... may display above all the layers, regardless of the stacking order ("z-index") of those layers."
"...Using a WMODE value of 'opaque' or 'transparent' will prevent a Flash movie from playing in the topmost layer and allow you to adjust the layering of the movie within other layers of the HTML document."
In other words, if your flash object is like
<object attr=value and so on>, you need to add awmodeattribute:<object wmode=transparent attr=value and so on>.http://kb2.adobe.com/cps/155/tn_15523.html
在将 wmode 设置为透明之前，z-index 不起作用。
The z-index not work until you set the wmode to transparent.
您也可以尝试为您的结果框指定一个疯狂的 z-index 值。这种方法过去对我有用。简而言之，z-index 属性指定元素的堆栈顺序。
CSS 示例：
You might also try giving your Result box a crazy z-index value. This approach has worked for me in the past. Simpy put, the z-index property specifies the stack order of an element.
Example CSS: