Footer Transparent Backgroundfooter background
Posted 26 November 2012 - 11:42 AM
I really tried finding the answer in the forums, but couldn't, so posting my issue in a new topic.
I'm using an image as a background (set globally to the entire website).
when not "supersizing" the background image, the footer is not transparent, so a white background is shown and not the image background.
I would really appreciate your help.
Posted 26 November 2012 - 12:17 PM
anyway to do it with full-width sections?
Posted 26 November 2012 - 03:21 PM
Posted 26 November 2012 - 04:58 PM
After supersizing the BG, when the browser's window is not on the same size as the BG image (1280*728) or I view it on the iphone, the BG is not centered and goes left.
you can see it here:
b.t.w, so I was wondering, what is the best size for the BG image in supersized mode?
Posted 27 November 2012 - 04:45 AM
Posted 27 November 2012 - 12:49 PM
tried scaling the width a bit, same result. you can see the effect when you scaling the width of the browser... you see white background replacing the BG on the left.
Posted 27 November 2012 - 03:21 PM
Posted 27 November 2012 - 10:47 PM
while the native proportions of the BG remains the same, no matter what size it is, it scales perfectly.
the problem begins when the proportions change and the browser width narrows down. no problem with any changes in height, though.
this is why we see the problem when we view it on the iPhone only in vertical mode.
any way to fix that?
many thanks for your great support.
Posted 29 November 2012 - 03:10 AM
Image scaling is proportional. So a 1000px by 500px background image will easily become 2000px by 1000px. But an image of 1000px by 500px will not scale to 1200px by 900px. So, in many browsers and monitors, background images are often found to be short. Supersize stretches the image, but can make it look odd, or you can use tiling. People who view sites on very large monitors often have high resolution, but very wide screens, so the images have to coordinate with that.
One magic trick is to apply a background that has a solid color at the bottom of the image, then have the footer use the same color (by hex code) as its background color. Then the image blends right into the footer seamlessly. See the background atas an example.