Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    Regular Coder
    Join Date
    Nov 2009
    Posts
    132
    Thanks
    42
    Thanked 0 Times in 0 Posts

    transparency of Background

    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:
    Code:
    **
     * 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.

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,801
    Thanks
    160
    Thanked 2,216 Times in 2,203 Posts
    Blog Entries
    1
    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?
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    New Coder
    Join Date
    Feb 2010
    Location
    New Zealand
    Posts
    76
    Thanks
    7
    Thanked 10 Times in 9 Posts

    Macintosh

    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;
    Last edited by Azzaboi; 02-21-2010 at 07:19 PM.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •