You must Sign In to post a response.
  • Category: HTML

    How to make image background transparent ?


    Are you looking for a way to make image background transparent ? then read this thread to know how to do background transparent ?



    Hey All,

    I am working on a web application where in a div i have one image . I want to make the background of image transparent.
    Please suggest how can i do this using css.

    Any help will be highly appreciated !!
  • #748088
    This means you want some thing like an watermark,

    try the below CSS for the same



    #DivBox {
    position : absolute;
    top : 20px;
    left : 20px;
    z-index : 1000;
    background : url('/images/icons/Watermark.png') no-repeat;
    display : none;
    }

    Thanks & Regards
    Anil Kumar Pandey
    Microsoft MVP, DNS MVM

  • #748093
    to make the background of image transparent you need to set its opacity property in your css file. based on the opacity value the image will be rendered.
    If opacity is set to 0, the image will not be visible if opacity is set to 1. The image will be completely visible.

    checout the below link if you need more info

    css-tricks.com/snippets/css/transparent-background-images/

    Miss. Jain
    Microsoft Certified Technology Specialist in .Net

  • #748094
    hi,

    By using the opacity property you can make image transparent.

    Thanks,
    Vetri

  • #748132
    Thanks a lot guys !!

    I found the solution by using

    background-color:transparent

    Thanks,
    Ashutosh Jha
    http://tricksroad.com


  • Sign In to post your comments