|
User Details |
message
|
|
Scott Saraniero
post date:
2011-05-12 16:57:02
|
|
How can I set up a background image to stretch like Bing and/or Google in Flexi Layouts?
|
|
|
Andrei Rinciog [Extend Studio]
post date:
2011-05-13 04:50:17
|
Hello Scott,
You can set the background element inside a full page layout on the "Page Body" element from the tree. You will need a big image to cover the entire page or set it to repeat if it's not big enough.
You can set the exact position of the image by using the parameters from the "background image" pop-up.
Regards,
Andrei Rinciog
|
|
|
Scott Saraniero
post date:
2011-05-13 09:26:25
|
Hi Andrei,
Maybe I did not clearly state my question. I am looking to set the background image in the same way that a background image appears on the Google home page (when you pick a background image).
On my Mac I can grab the lower right hand corner of my browser (Safari and/or Firefox) and the background image will resize along with my browser. It will stretch (larger or smaller).
I wanted to know if you could tell me how to accomplish this within Flexi CSS Layouts.
Thanks,
Scott
|
|
|
Andrei Rinciog [Extend Studio]
post date:
2011-05-16 04:48:59
|
Hello Scott,
You can't set the dimensions of a background-image property. So, it won't resize along with the browser.
You can get the result you want only by using an img tag. You can place that img tag outside of the layout and set it to have a lower z-index than the layout so it will be on the background.
Also, you should remove any background color or image from the layout.
Regards,
Andrei Rinciog
|
|