How to Insert the Image in the Backupground ?

Discussion in 'HTML & Website Design' started by bushib, May 27, 2008.

  1. #1
    Hi there,

    I want to know that how to insert the image in the background of the web page and make it very dim (light).

    Any help will be appreciated.

    Regards
    bushib
     
    bushib, May 27, 2008 IP
  2. Evan B.

    Evan B. Peon

    Messages:
    118
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #2
    I have the code but do you have the image?
     
    Evan B., May 27, 2008 IP
  3. bushib

    bushib Banned

    Messages:
    1,096
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Hi there,

    Yes I have the image.

    Can you please give me the code.

    Please note that I want to make the image very light (almost invisible) so that I can write the text on the page.

    Thanks
    bushib
     
    bushib, May 27, 2008 IP
  4. Evan B.

    Evan B. Peon

    Messages:
    118
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #4
    yes give me the picture. I gave you the code.
     
    Evan B., May 27, 2008 IP
  5. twistedspikes

    twistedspikes Notable Member

    Messages:
    5,694
    Likes Received:
    293
    Best Answers:
    0
    Trophy Points:
    280
    #5
    Your asking how to make an image go transparent? Best to edit it in a graphics program as there isn't really a easy universal way to do it.

    But if you want the hard way then I can tell you how.
     
    twistedspikes, May 27, 2008 IP
  6. bushib

    bushib Banned

    Messages:
    1,096
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Hi there,

    I want to add the background image only in the center of the page.

    How to do this?

    Regards
    bushib
     
    bushib, May 28, 2008 IP
  7. Ulquiorra

    Ulquiorra Peon

    Messages:
    422
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    0
    #7
    body{
    background: url(yourimage) no-repeat fixed center top;
    }
    Code (markup):
    Replace the last "top" with whatever you want.
     
    Ulquiorra, May 28, 2008 IP