Forum Moderators: not2easy
This is a CSS problem i am sure.
Im dealing with this testing site at the moment. No matter what i try, the background colour will not appear on the page. As you will see the background image appears and tiles horizontally as it should, but the bg colour is always white, no matter what colour value i give.
The site is Wordpress driven and runs off a custom theme.
The body css is here...
==================================================
body {
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 150%;
margin: 0px;
padding: 0px;
background-image: url(images/background.jpg);
background-repeat: repeat-x;
background-position: 0px 0px;
background-color: #BBBB4B;
}
=================================================
Any ideas or help would be kindly appreciated. I have tried removing / modifying other page layout elements like the footer, wrapper and container with no results.
Anyone come across a background colour that just wont change?
Regards,
Andreas
[edited by: encyclo at 12:41 pm (utc) on July 13, 2007]
[edit reason] See Guide to Posting Code [webmasterworld.com] [/edit]
Your background image looks like a jpg. jpgs aren't transparent. (typically white is the color given to unused space, but it can be changed with most programs)
Your answer is to change background type to a transparent gif or png. png doesn't have good transparency support in IE though, especially as a background.
[edited by: Xapti at 6:03 pm (utc) on July 13, 2007]
This is not a CSS problem, I am sure. :P
I'm guessing, however, that background.jpg (repeat-x) is not the full height of the BODY, to allow the background-color to show through beneath it? A gradient image that fades to the background-color perhaps?
In which case it could still be a CSS/HTML problem, but elsewhere in your code. Do you have any overlaying containers that have a background set? The CSS you've posted is OK.
