Jump to content


Photo
- - - - -

Background behind footer


  • Please log in to reply
3 replies to this topic

#1 moxymedia

moxymedia

    Newbie

  • Members
  • Pip
  • 9 posts

Posted 16 February 2011 - 02:02 PM

Hi, I'm using a Full-Width Design Framework and my

Please Login or Register to see this Hidden Content

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%?

#2 Kate

Kate

    Advocate

  • Members
  • 3039 posts

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:

Please Login or Register to see this Hidden Content

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:

Please Login or Register to see this Hidden Content



#3 moxymedia

moxymedia

    Newbie

  • Members
  • Pip
  • 9 posts

Posted 22 February 2011 - 06:52 AM

Thanks Kate..

This is

Please Login or Register to see this Hidden Content

in the Custom CSS area

Please Login or Register to see this Hidden Content


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.

Please Login or Register to see this Hidden Content


What am I missing?

Thanks!

#4 Kate

Kate

    Advocate

  • Members
  • 3039 posts

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:

Please Login or Register to see this Hidden Content


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.