Hi - my client wants one continuous image to replace the blue background here:
www.leadbetters.co.uk/newsite/
J 3.3.6/Responsive template.
I've told him I don't think it can be done, but I thought I'd ask the experts anyway
Thanks
Ian

What exactly do you mean by continuous?

Cheers
Paul

Hi Paul - thanks for the prompt reply.

He wants something like an A-Z map (help!!) dropped in to replace all the dark blue background.

I don't see how this can be done because of all the different wraps…

Ian

A static image right?

Yes, static, not a slideshow or anything - don't for goodness sake put the idea in his head
Ian

So you your first step is make all the areas that are blue transparent

Then add a background image to the body tag

Then move on to step 2

Cheers
Paul

So it can be done
And step 2?

yep and use one of the background css3 styles of use fixed positioning

I'd go for css3

But not on IE8

css-tricks.com/perfect-full-page-background-image/

Not body tag html tag instead

Ah - thanks Paul. I have already looked at this, but discounted it because of the wraps.

I suppose I'll at least have to tell him it can be done.

I should be able to find the full instructions again, but I'll get back to you again if I get stuck.

I think it's a tomorrow job now…

Thanks again,

Ian

It will have limitations depending on the screen height and may look pixellated depending on the pic size

So its not entirely easy street

Cheers
Paul

Perhaps I'll talk him out of it…
Thanks again
Ian

If the image is small and low quality it will look rubbish but large ish image will look ok

With it being a background image it depends on the height of the container

So a taller container of content will stretch the image more or display it properly depending on the image

Cheers
Paul

Hmmm. Most of the pages should be OK - but some are long/deep.

I suppose these days a largish image is not such a problem. I'll sleep on it.

I think an A-Z map may look horrible anyway…

yeah that is distinctly possible