Disappear

[hackalive]

Hi guys,

I have a background image, and then a fixed div.

 

My issue is when i scroll the page, i can see the scrollable content underneath the fixed div (transparent background, because of whole page image background).

 

How can I make the scrollable div content not viewable behind the fixed div?

 

Any method, css, jquery, PHP, is appreciated, cheers in advance.

[ZulfadlyAshBurn]

Post you code.

[Drongo_III]

Yeah not quite following what you're getting at. Code would help.

 

Otherwise if you want to just make it so you can't see through the div you could set a background colour on it...

 

But i'm not usre that's what you're trying to achieve.

 

Hi guys,

I have a background image, and then a fixed div.

 

My issue is when i scroll the page, i can see the scrollable content underneath the fixed div (transparent background, because of whole page image background).

 

How can I make the scrollable div content not viewable behind the fixed div?

 

Any method, css, jquery, PHP, is appreciated, cheers in advance.

[hackalive]

Drongo_III, putting a background color would solve this issue, however, the whole page background is an image, so that is not an option

[Drongo_III]

As i said, i'm not fully following what you are trying to achieve. if you post your code with a more indepth description might be able to come up with something better

 

Drongo_III, putting a background color would solve this issue, however, the whole page background is an image, so that is not an option

[shank888]

I see no code so I am just shooting blind here.

 

have you tried putting the content into another div tag and using: overflow:scroll;

 

Example:

div 
{
width:150px;
height:150px;
overflow:scroll;
}

[AyKay47]

Hi guys,

I have a background image, and then a fixed div.

 

My issue is when i scroll the page, i can see the scrollable content underneath the fixed div (transparent background, because of whole page image background).

 

How can I make the scrollable div content not viewable behind the fixed div?

 

Any method, css, jquery, PHP, is appreciated, cheers in advance.

 

you may need to explain your issue a little further. However if i understand you correctly, you are saying that you have a transparent background so you can see the bg image, however this is also making your fixed div transparent as well? This is tellig me that you are using the opacity: property for your transparent background. Instead of opacity, use an rgba color (alpha color), this will allow you to make the background transparent, but it wont affect the opacity of child elements inside of the transparent div.. So something like background: rgba(0,0,0,.4); (black background 40% opaque)