Hi,

I've just spent ages working out how to get a non-repeating background image and then making fade into a solid background colour. I did all the design and testing in chrome and now I've just tried it internet explorer and the site shows up perfectly, but no background picture and just plain white colour.

Here's the website: http://taylortaylordiscos.com/

and here's the "body style" code I have:

font-family: tahoma, arial, sans-serif;
font-size: 0.8em;
color: #000000;
padding-top: 50px;
padding-bottom: 50px;
background: url(/wp-content/themes/atahualpa342/images/bgroundv2.JPG)no-repeat top center #493249;

Also, any comments on how I can improve my design would be welcome!

Many thanks.

Andy Taylor.

add a space after the ')' and before 'no-repeat' IE is picky

Thanks so much, it would have taken me hours to figure that one out for myself!

You should also put the color at the beginning as the image doesn't show in Firefox and the order is supposed to be that way. The following is from W3Schools

The background shorthand property sets all the background properties in one declaration.
The properties that can be set, are (in order): background-color, background-image, background-repeat, background-attachment, and background-position.
It does not matter if one of the values above are missing

Here is what I would use.

background: #493249 url(/wp-content/themes/atahualpa342/images/bgroundv2.JPG) no-repeat top center;

OR

background: #493249 url(/wp-content/themes/atahualpa342/images/bgroundv2.JPG) no-repeat top center fixed;

If you don't want the background image to scroll.

Thanks so much, that's very informative.

Geesh, thanks for the tip cause this one had me going nuts. It looked like there was already a space there and not until I went to double check did I find that it wasn't.

Originally Posted by juggledad

add a space after the ')' and before 'no-repeat' IE is picky

This works beautifuly!!! You rocks bro!!!

THanks!