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
    Dec 2005
    Posts
    217
    Thanks
    1
    Thanked 0 Times in 0 Posts

    howto make transparent layer over an image ??

    Hello forums !!
    I had an image which is kept @ the background of a table.
    I want to make a layer over that image ie transpaernt layer .
    How to make that transparent layer using css ?
    Any idea?
    Awaiting for you help.

  • #2
    New Coder
    Join Date
    Apr 2007
    Location
    Silicon Valley California
    Posts
    71
    Thanks
    0
    Thanked 0 Times in 0 Posts
    You can use the opacity settings:

    http://www.mandarindesign.com/opacity.html

    But it's complicated to prevent the text and other elements in the table from also inheriting the opacity of its parent.

    A better way would be to use a transparent GIF, if you can, and a PNG if you have to.

  • #3
    Senior Coder ahallicks's Avatar
    Join Date
    May 2006
    Location
    Lancaster, UK
    Posts
    1,134
    Thanks
    1
    Thanked 57 Times in 55 Posts
    What on earth do you mean? If you set an image as the background of a div (or a table cell in your case, which leads me to believe you are using a tables-for-layout site, which is a BIG no no!) then you can create a div within that div that can act as a transparent layer? However, I don't see what purpose this could possibly be for? Could you explain a little more in depth what you are trying to do and maybe post a link, and some code to help us out?
    "write it for FireFox then hack it for IE."
    Quote Originally Posted by Mhtml View Post
    Domains are like women - all the good ones are taken unless you want one from some foreign country.
    Reputation is your friend

    Development & SEO Tools


  •  

    Posting Permissions

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