Show layer and disable clicking other body elements

Using css how do I get a layer to stack on top of the rest of the
body's content so the web page user can't interact with any other
elements/links on the page but that layer?

************************************************************ *****
My web page

I can't click on any links while the layer is active

|----------------------------------------|
| Layer |
|----------------------------------------|

************************************************************ ******

Cheers,

Chris
Chris [ Mo, 26 November 2007 19:34 ] [ ID #1879465 ]

Re: Show layer and disable clicking other body elements

On Nov 26, 6:34 pm, Chris <matchett... [at] googlemail.com> wrote:
> Using css how do I get a layer to stack on top of the rest of the
> body's content so the web page user can't interact with any other
> elements/links on the page but that layer?
>
> ************************************************************ *****
> My web page
>
> I can't click on any links while the layer is active
>
> |----------------------------------------|
> | Layer |
> |----------------------------------------|
>
> ************************************************************ ******
>
> Cheers,
>
> Chris

A position:absolute layer on top of all other layers (right after the
<body>), stretched to the maximum width and height should cover
everything up.
http://www.w3schools.com/css/pr_class_position.asp

Kailash Nadh | http://kailashnadh.name
Kailash Nadh [ Mo, 26 November 2007 22:20 ] [ ID #1879468 ]

Re: Show layer and disable clicking other body elements

Chris wrote:

> Using css how do I get a layer to stack on top of the rest of the
> body's content so the web page user can't interact with any other
> elements/links on the page but that layer?

Would you care to explain the reason for wanting that, please?

--
-bts
-Motorcycles defy gravity; cars just suck
a.nony.mous [ Mo, 26 November 2007 23:28 ] [ ID #1879477 ]
Miscellaneous » alt.html » Show layer and disable clicking other body elements

Vorheriges Thema: How to put elements next to each other horizontally
Nächstes Thema: </form> adds space to end of file?