Need CSS Help For Javascript Function

[jamesjmann]

I created a javascript function that covers the entire screen with a semi transparent black png when a user clicks a button to pop up a dialog box. problem is, the png doesn't repeat to cover the entire web page. it covers the entire width of the page and the entire height of the computer screen, but when you scroll down, the png stops repeating. hope you guys know what im talking about but heres my css for the div that holds that transparent png.

background-image: url(../images/template/faded-bg.png);
background-repeat: repeat;
top: 0px;
left: 0px;
position: absolute;
display: none;
width: 100%;
height: 100%;
background-attachment: fixed;

 

background-attachment does nothing. i tried both fixed and scroll but no luck.

anyone know how to fix this problem?

[cssfreakie]

Change position absolute in to

position:fixed;

 

and remove the background-attachment property, (since that is not what it's meant for).

 

if you want this to work for ie6 and lower, you will need to use javascript to mimic te fixed property.

 

Instead of the above you could also use javascript to get the height of the document and set that as the height of the div. That is something else than setting it to 100%.

[jamesjmann]

Change position absolute in to

position:fixed;

 

and remove the background-attachment property, (since that is not what it's meant for).

 

if you want this to work for ie6 and lower, you will need to use javascript to mimic te fixed property.

 

Instead of the above you could also use javascript to get the height of the document and set that as the height of the div. That is something else than setting it to 100%.

 

 

OMG Thank you so much!

[cssfreakie]

OMG Thank you so much!

your welcome, say hello from me to your god 

[jamesjmann]

OMG Thank you so much!

your welcome, say hello from me to your god 

 

Lol, will do =p