[SOLVED] Transparent background PNG WITH background color?

interage · #1 Nov 16, 2009, 11:36 AM

Hey all.

So I've got a client who is color-picky. I set up a page with a transparent PNG background, so we could try a bunch of different colors on the fly. But Athualpa seems to be ignoring the background color, and uses just the PNG.

padding-left: 250px;
font-family: tahoma, arial, sans-serif;
font-size: 0.8em;
color: #000000;
background: #339999;
background: url(/site/wp-content/themes/atahualpa/images/maryback.png) no-repeat top left;

Any thoughts?

Thanks!

M.

juggledad · #2 Nov 16, 2009, 01:46 PM

Not an Atahualpa issue, it all CSS. Since you have two background statements, CSS uses the second, you need to combine them or use the long form of the css so use eithor

HTML Code:

background: #339999 url(/site/wp-content/themes/atahualpa/images/maryback.png) no-repeat top left;

or

HTML Code:

background-color: #339999;
background-image: url(/site/wp-content/themes/atahualpa/images/maryback.png) no-repeat top left;

interage · #3 Nov 16, 2009, 01:59 PM

Hey!

Neither of those worked - but THIS did!

background: url(/site/wp-content/themes/atahualpa/images/maryback.png) no-repeat fixed top left;
background-color: #339999;

Thanks a bunch!!!

Best,

Mark