Jump to content

Recommended Posts

I have a page on my website with a video link, when a user clicks the video it loads in the same page floating on top of the page content

 

I use position:absolute for that

 

It works fine however I want the background content to be invisible. currently I have the video loaded in a table which is 100% x 100% with a background colour of white

 

That does what I want, I essentually get a white page with just the video even though there has been no page reload and original content is hiding away behind the floating table

 

However, the page height is around 2000px in total, 100% x 100% only stretches to the current available page view, so if I scroll down you can see the original content

 

What is the best way to totally hide everything on a page, like putting a sheet over the top of it..

Link to comment
https://forums.phpfreaks.com/topic/73616-solved-veil/
Share on other sites

quickest would be to open in a new page but as this is a doc effect you'll be using javascritp to show hide this table...

 

if so just disable scrolling on the page until the vid is closed/hidden.

Is there no way to place a position:absolute 'sheet' over the entire area?

 

I suppose I could use javascript to detect scrollable area and set a px height rather than a % height

 

But I want to avoid using javascript, I thought there would be something in HTML & CSS that would work well..

Link to comment
https://forums.phpfreaks.com/topic/73616-solved-veil/#findComment-371427
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.