hackalive Posted December 18, 2011 Share Posted December 18, 2011 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. Link to comment https://forums.phpfreaks.com/topic/253417-disappear/ Share on other sites More sharing options...
ZulfadlyAshBurn Posted December 18, 2011 Share Posted December 18, 2011 Post you code. Link to comment https://forums.phpfreaks.com/topic/253417-disappear/#findComment-1298994 Share on other sites More sharing options...
Drongo_III Posted December 18, 2011 Share Posted December 18, 2011 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. Link to comment https://forums.phpfreaks.com/topic/253417-disappear/#findComment-1299000 Share on other sites More sharing options...
hackalive Posted December 18, 2011 Author Share Posted December 18, 2011 Drongo_III, putting a background color would solve this issue, however, the whole page background is an image, so that is not an option Link to comment https://forums.phpfreaks.com/topic/253417-disappear/#findComment-1299009 Share on other sites More sharing options...
Drongo_III Posted December 20, 2011 Share Posted December 20, 2011 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 Link to comment https://forums.phpfreaks.com/topic/253417-disappear/#findComment-1299774 Share on other sites More sharing options...
shank888 Posted December 21, 2011 Share Posted December 21, 2011 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; } Link to comment https://forums.phpfreaks.com/topic/253417-disappear/#findComment-1300010 Share on other sites More sharing options...
AyKay47 Posted December 21, 2011 Share Posted December 21, 2011 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) Link to comment https://forums.phpfreaks.com/topic/253417-disappear/#findComment-1300061 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.