Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    Senior Coder o0O0o.o0O0o's Avatar
    Join Date
    Jan 2008
    Location
    C:\Windows\System32
    Posts
    1,018
    Thanks
    19
    Thanked 9 Times in 9 Posts

    HOw to fade the whole screen using filter div

    I have this css for the filter div

    Code:
    #filter {
    	display: block;
    	position: absolute;
    	top: 0%;
    	left: 0%;
    	width: 100%;
    	min-height: 900px;
    	
    	overflow:visible;
    	background-color:#000;
    	z-index:900000;
    	opacity:0.5;
    	filter: alpha(opacity=50);
    }
    The problem is the screen is only faded for that portion which visible on the screen but when i scroll down then the lower portion is still unfaded.
    How to fade the whole page

    EDIT:

    I tried this as well but didn't work

    Code:
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    Last edited by o0O0o.o0O0o; 11-02-2009 at 12:56 AM.
    Please de-reputate me
    © 0o0o0o0

    Its better to rule in Hell then to serve in Heaven

  • #2
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,636
    Thanks
    6
    Thanked 1,003 Times in 976 Posts
    You need to use position: fixed; I suppose (although that won’t work in IE 6 – there are workarounds, though, with position: absolute and overflow: auto on the body or container or something like that)

  • Users who have thanked VIPStephan for this post:

    o0O0o.o0O0o (11-02-2009)

  • #3
    Senior Coder o0O0o.o0O0o's Avatar
    Join Date
    Jan 2008
    Location
    C:\Windows\System32
    Posts
    1,018
    Thanks
    19
    Thanked 9 Times in 9 Posts
    thanks buddy , that worked
    Please de-reputate me
    © 0o0o0o0

    Its better to rule in Hell then to serve in Heaven


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •