...

View Full Version : transparency of Background



thepriceoflust
02-21-2010, 05:02 PM
Just a quick question. I have been sitting here trying to figure out how to do this but it's just not coming to me. I have this piece of code from a Word Press CSS Style sheet:
**
* Main design
*/

body {
background:#d9d9d9 url(./images/pageBG.png) repeat-x 0 0;
font-family:Arial, Helvetica, Verdana, sans-serif;
font-size:13px;
line-height:normal;
}

I am trying to make the background image transparent. Also the image does not cover the whole page. There is just a little sliver that needs to be filled at the bottom of the page. I though it was set up to repeat itself but I guess I messed that up to.

abduraooft
02-21-2010, 06:52 PM
I am trying to make the background image transparent. Also the image does not cover the whole page. You can't make any changes to the image file using CSS. Have you saved it with transparency?

Azzaboi
02-21-2010, 07:15 PM
You will need to save the image transparency before uploading to the site.

You normally apply a 'seemless' background image and colour to the body css, for example:

body {
background-color:#393939;
background-image:url(./images/pageBG.png);
}

Which will tile it across the entire page. However in your case, I don't think this is what your trying to acheve and should just make the image at the location where you want it to be rather than the entire background?

For example (tile in one direction):

background-repeat:repeat-x;

or (position it):

background-repeat:no-repeat;
background-position:top center;



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum