A Flash Developer Resource Site

Results 1 to 8 of 8

Thread: HTML Question: Background Transparency in Table

  1. #1

    HTML Question: Background Transparency in Table

    Happy Holidays All,

    Does anyone know if there is a way to control the trnsperency level of a colored background within a table?

    Any help would be great!

    Thanks
    Dan
    Vist us at: http://www.topshelfcatering.com
    http://www.northeastbartenders.com
    http://imouttahere.com

  2. #2
    Senior Moderator
    FKs Banning Machine
    GMF 's Avatar
    Join Date
    Feb 2000
    Location
    Oslo, Norway
    Posts
    5,697

    Moved to General Help

    ,.

  3. #3
    Senior Member catbert303's Avatar
    Join Date
    Aug 2001
    Location
    uk
    Posts
    11,222
    Mozilla has a "-moz-opacity" stylesheet property, which can control the opacity of an element in the page. I guess could be used together with some layering to create the effect, that is have an identical table z-indexed above the semi transparent one which can hold your text. in this second table set background-color: transparent so the table behind would show through.

    I'm not sure how well this would work though, and internet explorer wouldn't be able to render the page either.

    http://www.blooberry.com/indexdot/cs...extensions.htm

  4. #4

    Not Quite Sure How to go about that...

    I think you have the idea of what I am trying to do though. I have a background image for the page that I don't want to cover with a bunch of tables and text. But the text is difficult to read when I place it directly onto the background. Any Ideas how to over come that?

    Thanks
    Dan
    Vist us at: http://www.topshelfcatering.com
    http://www.northeastbartenders.com
    http://imouttahere.com

  5. #5
    Senior Member catbert303's Avatar
    Join Date
    Aug 2001
    Location
    uk
    Posts
    11,222
    I'll try out a couple of things tonight see if I can come up with something that works

  6. #6

    Thanks

    Thanks!

    That would be great I'd appreciate that.

    Dan
    Vist us at: http://www.topshelfcatering.com
    http://www.northeastbartenders.com
    http://imouttahere.com

  7. #7

    Found What I am Looking For...

    Found What I am Looking for thanks again for your help!

    Example:

    <TABLE bgColor=#EAECC0 border=7 borderColor=#90924C borderColorDark=#454632 borderColorLight=#A7A96F height="80%" " width="70%" style="FILTER: alpha(opacity=60)" >
    Vist us at: http://www.topshelfcatering.com
    http://www.northeastbartenders.com
    http://imouttahere.com

  8. #8
    Senior Member catbert303's Avatar
    Join Date
    Aug 2001
    Location
    uk
    Posts
    11,222
    Hi,

    You can also use this to get the effect working in both internet explorer and Mozilla related browsers (netscape 6+, etc)

    <TABLE bgColor=#EAECC0 border=7 borderColor=#90924C borderColorDark=#454632 borderColorLight=#A7A96F height="80%" " width="70%" style="-moz-opacity: 60%; filter: alpha(opacity=60);">

    just add the -moz-opacity bit, it seems neither browser complains about having the property it doesn't understand included so by having both internet explorer will use the filter and mozilla will use -moz-opacity

Posting Permissions

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




Click Here to Expand Forum to Full Width

HTML5 Development Center