Показать навигацию над iframe

У меня есть простой вопрос, но я только начинаю изучать HTML/CSS. Я хочу показать iframe в полноэкранном режиме, что я могу сделать, но я также хочу отобразить мое навигационное меню над ним.Показать навигацию над iframe

Мой HTML выглядит следующим образом:

<body> 
    <nav> 
     (menu items) 
    </nav> 
    <iframe src="http://xx.xx.xx.xx/" style="border: 0; width: 100%; height: 100%; display: block; position: absolute; left: 0px; top: 0px;"/> 
</body>

Проблема заключается в том, что я могу видеть только меню нав до Iframe нагрузки, то она исчезает ниже фрейма.

Как я могу отобразить его сверху? (например: http://puu.sh/kK6Eu/e55531777f.png)

Спасибо. (извините за мой английский, я французский)

источник

2015-10-14 BriceFW

Используйте следующий код

<body> 
    <nav style="position: relative; z-index: 2;"> 
     Hello 
    </nav> 
    <iframe src="http://xx.xx.xx.xx" style="border: 0; width: 100%; height: 100%; display: block; position: absolute; left: 0px; top: 0px;"/> 
</body>

источник

2015-10-14 16:45:30

Если я удалю позицию: абсолютный; навигатор отображает выше/перед iframe – BriceFW

вы хотите, чтобы панель навигации над iframe и на верхней позиции ??? –

да, как на этой картинке: http://puu.sh/kK6Eu/e55531777f.png – BriceFW

Вам нужно изменить Z-индекс навигационного элемента в его свойствах CSS. Higher Z-индекс означает более высокие элементы

nav{ 
    z-index: 2 
} 

iframe{ 
    z-index: 1 
}

источник

2015-10-14 16:36:18 Diogo

Спасибо, с добавлением позиции свойство он отлично работает! – BriceFW

Показать навигацию над iframe

ответ

Смежные вопросы