SitePoint Sponsor

User Tag List

Results 1 to 11 of 11

Thread: transparency

  1. #1
    The Jellophonic Autobrain CHeeSeBLiND's Avatar
    Join Date
    Jul 2001
    Location
    Bolton, England
    Posts
    584
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    transparency

    how can i set the transparency of my table to 50% but have the text included in the table with no transparency?
    hmm...

  2. #2
    morphine for a wooden leg randem's Avatar
    Join Date
    Jun 2002
    Location
    .chicago.il.us
    Posts
    957
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    use a 50% transparent GIF for the background image of the table. :-)

  3. #3
    The Jellophonic Autobrain CHeeSeBLiND's Avatar
    Join Date
    Jul 2001
    Location
    Bolton, England
    Posts
    584
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    is there no other way?
    hmm...

  4. #4
    SitePoint Wizard Bill Posters's Avatar
    Join Date
    Dec 2001
    Location
    UK
    Posts
    1,523
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    There are other ways, but none are universally supported as the 'chequered' transparent gif option.

    You could try setting the 'filter' or 'opacity', but neither are well supported either cross-browser or cross-platform.
    I actually don't know much about the how-2 for these options as I never use them (due to the lack of support of my own platform of choice (Mac) and other browsers)

    You could try PNG24 method which would give you true semi-transparency, but you'd lose IE PC users on account of MS's oh-so-slow efforts to have this long established format working properly on IE PC.
    (IE Mac has supported it fully for several version updates.)

    The only real option open to you now (unless having it cross-browser/cross-platform isn't a priority) is the 'chequered' gif.
    Last edited by Bill Posters; Jul 6, 2002 at 22:04.
    New Plastic Arts: Visual Communication | DesignateOnline

    Mate went to NY and all he got me was this lousy signature

  5. #5
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Originally posted by randem
    use a 50% transparent GIF for the background image of the table. :-)
    For the record, there is no such thing as a "50% transparent GIF". GIF images do not offer partial transparency. It's either on or off.
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes

  6. #6
    Prolific Blogger silver trophy Technosailor's Avatar
    Join Date
    Jun 2001
    Location
    Before These Crowded Streets
    Posts
    9,446
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    here's an option that covers IE and Mozilla. Mileage may vary.
    Code:
    .class {
      filter: alpha(opacity=50);
      moz-opacity: 0.50;
    }
    You'll probably have to apply this class to the table, div, whatever and have another class for the element with the text, unless you want text faded too...

    Good luck.

    Sketch
    Aaron Brazell
    Technosailor



  7. #7
    Prolific Blogger silver trophy Technosailor's Avatar
    Join Date
    Jun 2001
    Location
    Before These Crowded Streets
    Posts
    9,446
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Originally posted by creole


    For the record, there is no such thing as a "50% transparent GIF". GIF images do not offer partial transparency. It's either on or off.
    There are 50% transparency PNG's right? Not the best solution for cross-browser backwards compatibility, but it is also an option, si?

    Aaron
    Aaron Brazell
    Technosailor



  8. #8
    morphine for a wooden leg randem's Avatar
    Join Date
    Jun 2002
    Location
    .chicago.il.us
    Posts
    957
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Originally posted by creole
    For the record, there is no such thing as a "50% transparent GIF". GIF images do not offer partial transparency. It's either on or off.
    Geez, you don't like me today, do you? :-)

    For the record, 50% means half. And my meaning was a GIF with every other pixel set to transparent. Thus, half the pixels (or 50% of them) are transparent.

  9. #9
    The Jellophonic Autobrain CHeeSeBLiND's Avatar
    Join Date
    Jul 2001
    Location
    Bolton, England
    Posts
    584
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    i was using

    .table {
    filter: Alpha(opacity=50);
    }

    .content: {
    filter: Alpha(opacity=100);
    }

    but the content was still 50%


    hmm...

  10. #10
    Prolific Blogger silver trophy Technosailor's Avatar
    Join Date
    Jun 2001
    Location
    Before These Crowded Streets
    Posts
    9,446
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    try using it as 2 different layers. I can't remember how I had gotten it to work, but I had done it before.

    Sketch
    Aaron Brazell
    Technosailor



  11. #11
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Originally posted by randem


    Geez, you don't like me today, do you? :-)

    For the record, 50% means half. And my meaning was a GIF with every other pixel set to transparent. Thus, half the pixels (or 50% of them) are transparent.
    Well technically yes...the gif itself is not transparent but gives the illusion of transparency yes. I'm with you now.

    Sketch...PNGs would work great, but lack of support would make designing with them very tough.
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes


Bookmarks

Posting Permissions

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