In Internet Explorer, I have a jquery combobox which opens behind an embedded object (for example a pdf document). How can I make sure the combobox is always in front of the embedded object?
See this fiddle for an example: http://jsfiddle.net/RDd3A/258/ (updated fiddle containing my attempts to solve it)
HTML:
<select id="combobox">
<option value="">Select one...</option>
<option value="23">Really long stuff that might wrap</option>
<option value="25">Normal Stuff</option>
</select>
<br/>
<embed src="https://www.xs4all.nl/media/transparantie/Transparantierapport-2012.pdf"/>
Javascript:
$("#combobox").combobox();
(I've stripped all css)
I've already tried the following:
- Use wmode="transparant" as attribute
- Use ?wmode=transparant in the url
- Use an iframe
- Use z-index
Unfortunately, this doesn't help, the combobox is still behind the embedded document. Anyone?
See Question&Answers more detail:os