Hi, I'm using a Full-Width Design Framework and my image is 1600x1200 and I would like it to lock still/stay static behind everything else including the footer so that all content scrolls but the background image? Using no-repeat still scrolls the image.
Also.. how can I add say a black background color behind my main content area with an opacity of 25%?
Background behind footer
Started by
moxymedia
, Feb 16 2011 02:02 PM
3 replies to this topic
#1
Posted 16 February 2011 - 02:02 PM
#2
Posted 16 February 2011 - 02:27 PM
Hi Laura - The background attribute you're looking for is actually "background-attachment", not "background-repeat". Check out this link:
CSS opacity can be tricky... would you be open to just using a transparent PNG (and setting that as the bg)? If not, then check out this post:
#3
Posted 22 February 2011 - 06:52 AM
Thanks Kate..
This is in the Custom CSS area
with the background image uploaded to Design Control --> Background Image
With "Do Not Repeat" selected
I've also tried deleting the uploaded image and adding this line to the CustomCSS but it didn't work either.
What am I missing?
Thanks!
This is in the Custom CSS area
with the background image uploaded to Design Control --> Background Image
With "Do Not Repeat" selected
I've also tried deleting the uploaded image and adding this line to the CustomCSS but it didn't work either.
What am I missing?
Thanks!
#4
Posted 22 February 2011 - 12:28 PM
Hi Laura - Just took a quick glance and didn't see that in the CSS... But, this code should get you on the right track:
It may not be the correct bg you want to be fixed, but it should at least give you an idea of how to do it.
It may not be the correct bg you want to be fixed, but it should at least give you an idea of how to do it.









