Home/ Questions/Q 6194201
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-24T03:15:19+00:00

Is there a way to create a fixed position window (a transparent Div?)centered in

  • 0

Is there a way to create a fixed position window (a transparent Div?)centered in the browser window that is surrounded by expanding Divs? This would be to create a window with content scrolling underneath presumably on a lower Z-Index.

SuzyUK came up with an interesting solution on Webmaster World that pushes the surrounding divs off from the fixed center with CSS margin values.

http://www.webmasterworld.com/css/4275625.htm

I found this to suit my needs except for one issue: I would like to put a header and footer with links within the transparent center div. It seems that it does not want to acknowledge the links in the header and footer.

Any help would be appreciated.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Upon putting a header at the top of the middle window and a footer at the bottom and placing links inside, I was able to navigate to their destinations without a problem.

    Update: By adding the pointer-events property to both #header and #footer and setting the value to auto, the links become clickable. See the example here: http://jsfiddle.net/Skooljester/6pmNQ/

    • 0