выпадающее меню iframe z-index

Question

Из-за структуры моего сайта я вынужден использовать iframe для отображения html-файла выпадающего меню. если нет, то я не могу увидеть раскрывающийся список в IE. Вот код, который я использую.

<iframe id="a"name="FRAMENAME" src="http://website.com/dropdown.html" width="1000" style="position:relative" background="#F3F0ED" style="z-index:10000" height="40" frameborder="0" scrolling="no" allowautotransparency=true></iframe>

Теперь проблема в том, что выпадающий список скрывается за другими изображениями на сайте. Я указал position:relative and z-index:10000, но не могу перекрыть изображения. Z-индекс этих изображений намного меньше, чем 10000. Любые предложения, пожалуйста?

Answer 1

если ваши изображения находятся за пределами вашего iFrame, конечно, ваше выпадающее меню не будет отображаться, так как вы пытаетесь заставить выпадающее меню выйти из его окон. iframe - это другое окно внутри html, поэтому любое переполнение окна никогда не исчезнет, ​​элементы внутри iframe не будут затронуты z-index.

.

Что вы можете сделать, если ваш http://website.com/dropdown.html имеет только выпадающий контент, вы можете позвонить по jQuery

<div id="myDropDown">
</div>


<script type="text/javascript">
    $(document).ready(function() {
        $("#myDropDown").load("http://website.com/dropdown.html");
    });    
</script>

это добавит содержимое вашего dropdown.html в div

Answer 2

Просто добавьте "wmode = transparent" после "?"

не помню !!установить раскрывающийся список свойств z-index.