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

Question

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

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

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

Также черная полоса меню в верхней части должна оставаться статическим (ала и т.д. 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