Как получить оверлейные элементы внутри iframe?

Question

Я создал оверлей, который расположен поверх iframe, как можно увидеть по адресу: http://test.linkinformed.com/

Я хочу, чтобы элементы оверлея были внутри (или, по крайней мере, появлялись внутри) iframe.

Рабочий раствор будет означать, что при прокрутке красное поле будет оставаться в том же разделе страницы (т.е. на логотипе страницы).Кроме того, прокрутка не будет блокироваться наложенным слоем, как сейчас.

Кроме того, черная строка меню вверху должна оставаться неподвижной (ala stumbleupon и т.Я хочу сделать: - Пользователь будет использовать красное поле для выбора области на странице (например, логотип w3schools) - Затем они могут прокрутить до нижней части страницы (красное поле останется на логотипе и исчезнет из виду) - Затем они могут прокрутить назадчтобы увидеть логотип в красном поле

Answer 1

Попробуйте использовать z-index и position, как показано ниже

On the red box add this to the css

  position:fixed;
  z-index:100;

Затем убедитесь, что наложение имеет z-index.

z-index:99;
position:relative;//fixed, absolute etc