Web Analytics Made Easy -
StatCounter Partial opacity - CodingForum

Announcement

Collapse
No announcement yet.

Partial opacity

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Partial opacity

    How should I proceed if I want to create table with partial-transperent background and non-transperent text inside?



    ...and no two tables above eachother.....just one...

  • #2
    Use a semi-transparent PNG image as the background.

    Now, that would be the solution, but it only seems Konqueror, Gecko (NS), Opera, etc.. every browser except for IE can do it.
    jasonkarldavis.com

    Comment


    • #3
      You can put this inside your tag:

      style="-moz-opacity:1.5; filter:alpha(opacity=90)"

      whereas "90" is the amount of transparency filtered out of the color.
      -Sk8er9547

      Comment


      • #4
        That makes the text partially opaque too.
        jasonkarldavis.com

        Comment


        • #5
          Yes,even if you did set it transparancy to 0 on the table row it would still remain transparant,so PNG is the only way.

          Comment


          • #6
            How widely supported are PNG images? I have been wanting to use them quite often but was not sure which browsers it would actually work in.

            For similar effects i have used a GIF image and had every second pixel transparent to get a semi transprent dither effect, not as good as using a PNG but did the trick for a couple of sites.
            eTheory - the theory of revolution

            Comment


            • #7
              Quote from jkd:
              but it only seems Konqueror, Gecko (NS), Opera, etc.. every browser except for IE can do it.
              Speaking of which, it seems that not only the image opacity style, but also a number of other attribs/objects (among them the annoying 'blink' attrib and the images object in JS) are NOT supported by MS IE. THIS can get annoying.

              Does anyone how it is possible to achieve the "moz-opacity" effect in IE (if possible)? For while I have nothing against Mozilla and the rest, it's really not nice to have "Teacher's Pets".

              Guardian23

              Comment


              • #8
                You could make every other pixel of the background image transparent, giving it a semi-transparent illusion.
                designsbychris.com

                Comment


                • #9
                  -moz-opacity:1.0; in IE would be filter:alpha(opacity=100)

                  Every graphical browser,except IE,supports PNG images good.

                  Comment


                  • #10
                    Originally posted by jkd
                    That makes the text partially opaque too.
                    http://www.angelfire.com/mo2/cbch21/...e.Opacity.html

                    Would have to use 2 tables, one on top of the other...
                    Quيet Storm Designs ~ Art is not what you see, but what you make others see.
                    · the Storms· || ·Ultraviolent Winter· || ·Was Einstein Wrong?· || ·It´s About Time!·

                    Comment


                    • #11
                      Originally posted by Quiet Storm


                      http://www.angelfire.com/mo2/cbch21/...e.Opacity.html

                      Would have to use 2 tables, one on top of the other...
                      That page doesn't work in Mozilla or any other browser than IE

                      Comment


                      • #12
                        Sorry.

                        My entire site is for IE only browsers.

                        That page is only an example - maybe someone can edit the code to support other browsers?
                        Quيet Storm Designs ~ Art is not what you see, but what you make others see.
                        · the Storms· || ·Ultraviolent Winter· || ·Was Einstein Wrong?· || ·It´s About Time!·

                        Comment

                        Working...
                        X