CSS3 opacity support in Konqueror 3.1+ and Safari 1.1

Collapse
This topic is closed.
X
X
 
  • Time
  • Show
Clear All
new posts
  • DU

    CSS3 opacity support in Konqueror 3.1+ and Safari 1.1


    According to a recent post, it seems that Konqueror 3.1+ and Safari 1.1
    support CSS3 opacity style property under a proprietary name:

    "Support for the CSS3 opacity (using -khtml-opacity) property. Make
    entire blocks and inlines transparent without resorting to transparent
    PNGs."


    Now, I have a demo page which works for MSIE 6 for Windows and
    Mozilla-based browsers but since I don't have Linux installed (and don't
    have Mac OSX 10.3) and since I can not test such demo with Konqueror
    3.1+ and/or Safari 1.1, I wish someone could test this and tell me if
    the demo works.



    In particular, I don't know for sure how to declare that property and
    how to access it.

    In the code, I declared it as
    -khtml-opacity:0.7
    and accessed it as
    objRef.style.Kh tmlOpacity = newValue;

    I could not find documentation on this matter anywhere. Do you know
    where I could find such documentation on such issue?

    Is the demo working in Konqueror 3.1+ and/or in Safari 1.1? If not, do
    you know the correct way to declare and access the style property?

    DU
    --
    Javascript and Browser bugs:

    - Resources, help and tips for Netscape 7.x users and Composer
    - Interactive demos on Popup windows, music (audio/midi) in Netscape 7.x


  • AD.

    #2
    Re: CSS3 opacity support in Konqueror 3.1+ and Safari 1.1

    On Wed, 29 Oct 2003 17:05:45 -0500, DU wrote:
    [color=blue]
    > Is the demo working in Konqueror 3.1+ and/or in Safari 1.1? If not, do you
    > know the correct way to declare and access the style property?[/color]

    I'm not sure what your desired result is, but I can see a picture of
    Krusty in Konqueror but not in Firebird. Is that what you needed to know?

    Cheers
    Anton

    Comment

    • DU

      #3
      Re: CSS3 opacity support in Konqueror 3.1+ and Safari 1.1

      AD. wrote:[color=blue]
      > On Wed, 29 Oct 2003 17:05:45 -0500, DU wrote:
      >
      >[color=green]
      >>Is the demo working in Konqueror 3.1+ and/or in Safari 1.1? If not, do you
      >>know the correct way to declare and access the style property?[/color]
      >
      >
      > I'm not sure what your desired result is, but I can see a picture of
      > Krusty in Konqueror but not in Firebird. Is that what you needed to know?
      >
      > Cheers
      > Anton[/color]


      As you mouse over the image, the picture should progressively become
      opaque. Once the mouse is out of the image, the picture should
      progressively become transparent.
      The picture is in the center of the page.

      This process works flawlessly in Mozilla-based browsers (including
      Firebird) and in MSIE 6 for windows: tested, verified and working.

      Today, I added some code which, I think, should also work for Konqueror
      3.1+ (and apparently also for Safari 1.1) but I can not see this, verify
      this myself. Thus asking Konqueror 3.1+ and Safari 1.1 users to try the
      demo.

      DU
      --
      Javascript and Browser bugs:

      - Resources, help and tips for Netscape 7.x users and Composer
      - Interactive demos on Popup windows, music (audio/midi) in Netscape 7.x


      Comment

      • AD.

        #4
        Re: CSS3 opacity support in Konqueror 3.1+ and Safari 1.1

        On Wed, 29 Oct 2003 21:12:10 -0500, DU wrote:
        [color=blue]
        > As you mouse over the image, the picture should progressively become
        > opaque. Once the mouse is out of the image, the picture should
        > progressively become transparent.
        > The picture is in the center of the page.
        >
        > This process works flawlessly in Mozilla-based browsers (including
        > Firebird) and in MSIE 6 for windows: tested, verified and working.[/color]

        I get no dynamic effect in either browser (Konq or Firebird) on Linux.

        The picture is either there (Konq) or it isn't (Firebird).

        Cheers
        Anton

        Comment

        • DU

          #5
          Re: CSS3 opacity support in Konqueror 3.1+ and Safari 1.1

          AD. wrote:
          [color=blue]
          > On Wed, 29 Oct 2003 21:12:10 -0500, DU wrote:
          >
          >[color=green]
          >>As you mouse over the image, the picture should progressively become
          >>opaque. Once the mouse is out of the image, the picture should
          >>progressive ly become transparent.
          >>The picture is in the center of the page.
          >>
          >>This process works flawlessly in Mozilla-based browsers (including
          >>Firebird) and in MSIE 6 for windows: tested, verified and working.[/color]
          >
          >
          > I get no dynamic effect in either browser (Konq or Firebird) on Linux.
          >
          > The picture is either there (Konq) or it isn't (Firebird).
          >
          > Cheers
          > Anton[/color]

          I'm using Firebird 0.7 (build 20031007) for windows and the continuous
          change of opacity is rendered.
          Thank you for your feedback on Konqueror: what was Konqueror version number?

          Thanks again: this is appreciated.

          DU
          --
          Javascript and Browser bugs:

          - Resources, help and tips for Netscape 7.x users and Composer
          - Interactive demos on Popup windows, music (audio/midi) in Netscape 7.x


          Comment

          • Mark Parnell

            #6
            Re: CSS3 opacity support in Konqueror 3.1+ and Safari 1.1

            Sometime around Wed, 29 Oct 2003 23:50:05 -0500, DU is reported to have
            stated:[color=blue][color=green][color=darkred]
            >>>As you mouse over the image, the picture should progressively become
            >>>opaque. Once the mouse is out of the image, the picture should
            >>>progressivel y become transparent.
            >>>The picture is in the center of the page.[/color][/color]
            > I'm using Firebird 0.7 (build 20031007) for windows and the continuous
            > change of opacity is rendered.[/color]

            Works in Moz 1.5 (Win2k). The picture starts just slightly transparent,
            rather than totally opaque (or transparent) - is that right?

            Doesn't work in O7.21

            --
            Mark Parnell

            Comment

            • DU

              #7
              Re: CSS3 opacity support in Konqueror 3.1+ and Safari 1.1

              Mark Parnell wrote:
              [color=blue]
              > Sometime around Wed, 29 Oct 2003 23:50:05 -0500, DU is reported to have
              > stated:
              >[color=green][color=darkred]
              >>>>As you mouse over the image, the picture should progressively become
              >>>>opaque. Once the mouse is out of the image, the picture should
              >>>>progressive ly become transparent.
              >>>>The picture is in the center of the page.[/color]
              >>
              >>I'm using Firebird 0.7 (build 20031007) for windows and the continuous
              >>change of opacity is rendered.[/color]
              >
              >
              > Works in Moz 1.5 (Win2k). The picture starts just slightly transparent,
              > rather than totally opaque (or transparent) - is that right?[/color]

              Right. It starts at 70% of opacity. This is the style declaration:

              style="filter:a lpha(opacity=70 ); -moz-opacity:0.7; -khtml-opacity:0.7;"
              [color=blue]
              >
              > Doesn't work in O7.21
              >[/color]

              I know that the demo works in MSIE 6 for Windows, in Mozilla 1.2+, in
              K-meleon 0.7, in Firebird 0.6+ for Windows, in NS 7.x for Windows. What
              I do not know (and I can not verify this nor interactively tune my code
              in anyway) is if Konqueror 3.1+ and/or Safari 1.1 render accordingly the
              demo. More precisely if this style declaration is correct for Konqueror
              3.1+ and Safari 1.1:

              -khtml-opacity:0.7;

              and more importantly if this dynamic modification of the style property
              is correct for Konqueror 3.1+ and Safari 1.1:

              objRef.style.Kh tmlOpacity = newValue;
              where newValue is a string of value in the [0.0] to [1.0] range as
              specified by CSS3 opacity property in the color module.

              I can't find any online documentation (CSS support of the KHTML
              rendering engine) at kde.org.

              DU
              --
              Javascript and Browser bugs:

              - Resources, help and tips for Netscape 7.x users and Composer
              - Interactive demos on Popup windows, music (audio/midi) in Netscape 7.x


              Comment

              • Mark Parnell

                #8
                Re: CSS3 opacity support in Konqueror 3.1+ and Safari 1.1

                Sometime around Thu, 30 Oct 2003 01:14:43 -0500, DU is reported to have
                stated:[color=blue]
                >
                > I know that the demo works in MSIE 6 for Windows, in Mozilla 1.2+, in
                > K-meleon 0.7, in Firebird 0.6+ for Windows, in NS 7.x for Windows. What
                > I do not know (and I can not verify this nor interactively tune my code
                > in anyway) is if Konqueror 3.1+ and/or Safari 1.1 render accordingly the
                > demo. More precisely if this style declaration is correct for Konqueror
                > 3.1+ and Safari 1.1:
                >
                > -khtml-opacity:0.7;
                >
                > and more importantly if this dynamic modification of the style property
                > is correct for Konqueror 3.1+ and Safari 1.1:
                >
                > objRef.style.Kh tmlOpacity = newValue;
                > where newValue is a string of value in the [0.0] to [1.0] range as
                > specified by CSS3 opacity property in the color module.
                >
                > I can't find any online documentation (CSS support of the KHTML
                > rendering engine) at kde.org.[/color]

                Hmmm...will have a play with it on my Linux box (can't remember what
                version of Konqueror is on it, mind you) and get back to you (if someone
                else doesn't beat me to it). :-)

                --
                Mark Parnell

                Comment

                • Richard Cornford

                  #9
                  Re: CSS3 opacity support in Konqueror 3.1+ and Safari 1.1

                  "DU" <drunclear@ho t-R-E-M-O-V-E-mail.com> wrote in message
                  news:bnqa8g$pnc $1@news.eusc.in ter.net...
                  <snip>[color=blue]
                  >I do not know (and I can not verify this nor interactively tune
                  >my code in anyway) is if Konqueror 3.1+ and/or Safari 1.1 render
                  >accordingly the demo. ...[/color]
                  <snip>

                  A few months ago, reading one Usenet group or another, I noticed a
                  reference to:-

                  <URL: http://www.knoppix.de/ >
                  (I think there was also a knoppix.org or knoppix.com URL with a choice
                  of languages as well, google searching for "knoppix" would probably turn
                  those up.)

                  - which is an interesting (German based) project to make a self-booting
                  CD ROM containing a cut down but fully working Linux OS. They make the
                  ISO image for the CD available for download and also sell pre-burnt
                  versions (as far as I could tell, in German and US English). The
                  download is 650+ megabytes (4 hours on broadband) but the resulting CD
                  has happily booted to a working Linux/KDE environment with Konqueror 3.1
                  (and Linux Mozilla 1.4) on about 3 out of 4 or the x86 desktop PCs that
                  I have tried it with to date. Hard disc access is read only but the
                  result is the ability to test with Konqueror 3 without having to commit
                  a hard disk to running Linux (and the ability to carry the CD with me
                  and run Konqueror 3 wherever I happen to find myself).

                  Richard.


                  Comment

                  • Keith Bowes

                    #10
                    Re: CSS3 opacity support in Konqueror 3.1+ and Safari 1.1

                    DU wrote:[color=blue]
                    >
                    > According to a recent post, it seems that Konqueror 3.1+ and Safari 1.1
                    > support CSS3 opacity style property under a proprietary name:
                    >
                    > "Support for the CSS3 opacity (using -khtml-opacity) property. Make
                    > entire blocks and inlines transparent without resorting to transparent
                    > PNGs."
                    > http://weblogs.mozillazine.org/hyatt...10.html#004249
                    >
                    > Now, I have a demo page which works for MSIE 6 for Windows and
                    > Mozilla-based browsers but since I don't have Linux installed (and don't
                    > have Mac OSX 10.3) and since I can not test such demo with Konqueror
                    > 3.1+ and/or Safari 1.1, I wish someone could test this and tell me if
                    > the demo works.
                    >
                    > http://www10.brinkster.com/doctorunc...icOpacity.html
                    >[/color]

                    It doesn't work in Konqueror 3.2 Alpha 2, and I can't find the code for
                    it in CVS Web. Maybe Apple will contribute the code for it later.


                    Comment

                    • AD.

                      #11
                      Re: CSS3 opacity support in Konqueror 3.1+ and Safari 1.1

                      On Wed, 29 Oct 2003 23:50:05 -0500, DU wrote:
                      [color=blue]
                      > I'm using Firebird 0.7 (build 20031007) for windows and the continuous
                      > change of opacity is rendered.
                      > Thank you for your feedback on Konqueror: what was Konqueror version
                      > number?[/color]

                      I'm using Konq 3.1.3 on KDE 3.1.4 on Debian unstable (Sid) using the main
                      distro packages.

                      Firebird was 0.6.1 also from Debian Sid.

                      I suspect the problem might have more to do with the limitations of
                      XFree86 (currently 4.2.1) than the browsers. But I'm not that sure about
                      it :)

                      BTW Opera 7.11 on Linux shows the image, but no transparency effects.

                      Cheers
                      Anton

                      Comment

                      • AD.

                        #12
                        Re: CSS3 opacity support in Konqueror 3.1+ and Safari 1.1

                        On Thu, 30 Oct 2003 14:40:52 +0000, Richard Cornford wrote:
                        [color=blue]
                        > <URL: http://www.knoppix.de/ >
                        > (I think there was also a knoppix.org or knoppix.com URL with a choice of
                        > languages as well, google searching for "knoppix" would probably turn
                        > those up.)
                        >
                        > - which is an interesting (German based) project to make a self-booting CD
                        > ROM containing a cut down but fully working Linux OS. They make the ISO
                        > image for the CD available for download and also sell pre-burnt versions
                        > (as far as I could tell, in German and US English). The download is 650+
                        > megabytes (4 hours on broadband) but the resulting CD has happily booted
                        > to a working Linux/KDE environment with Konqueror 3.1 (and Linux Mozilla
                        > 1.4) on about 3 out of 4 or the x86 desktop PCs that I have tried it with
                        > to date. Hard disc access is read only but the result is the ability to
                        > test with Konqueror 3 without having to commit a hard disk to running
                        > Linux (and the ability to carry the CD with me and run Konqueror 3
                        > wherever I happen to find myself).[/color]

                        Excellent point - I should've thought of that myself :)

                        Cheers
                        Anton

                        Comment

                        • Mark Parnell

                          #13
                          Re: CSS3 opacity support in Konqueror 3.1+ and Safari 1.1

                          Sometime around Thu, 30 Oct 2003 17:19:21 +1100, Mark Parnell is reported
                          to have stated:[color=blue]
                          >
                          > Hmmm...will have a play with it on my Linux box (can't remember what
                          > version of Konqueror is on it, mind you) and get back to you (if someone
                          > else doesn't beat me to it). :-)[/color]

                          Turns out I only have Konqueror 3.0.3, so not much help to you, I'm afraid.
                          The image does show, but no fancy effects.

                          --
                          Mark Parnell

                          Comment

                          • Marco Bakker

                            #14
                            Re: CSS3 opacity support in Konqueror 3.1+ and Safari 1.1

                            DU <drunclear@ho t-R-E-M-O-V-E-mail.com> wrote:
                            [color=blue]
                            > According to a recent post, it seems that Konqueror 3.1+ and Safari 1.1
                            > support CSS3 opacity style property under a proprietary name:
                            >
                            > "Support for the CSS3 opacity (using -khtml-opacity) property. Make
                            > entire blocks and inlines transparent without resorting to transparent
                            > PNGs."
                            > http://weblogs.mozillazine.org/hyatt...10.html#004249
                            >
                            > Now, I have a demo page which works for MSIE 6 for Windows and
                            > Mozilla-based browsers but since I don't have Linux installed (and don't
                            > have Mac OSX 10.3) and since I can not test such demo with Konqueror
                            > 3.1+ and/or Safari 1.1, I wish someone could test this and tell me if
                            > the demo works.
                            >
                            > http://www10.brinkster.com/doctorunc...icOpacity.html
                            >
                            > In particular, I don't know for sure how to declare that property and
                            > how to access it.
                            >
                            > In the code, I declared it as
                            > -khtml-opacity:0.7
                            > and accessed it as
                            > objRef.style.Kh tmlOpacity = newValue;
                            >
                            > I could not find documentation on this matter anywhere. Do you know
                            > where I could find such documentation on such issue?
                            >
                            > Is the demo working in Konqueror 3.1+ and/or in Safari 1.1? If not, do
                            > you know the correct way to declare and access the style property?[/color]

                            In Safari 1.1 (v100), the Panther version, the image doesn't do anything
                            it is just there at 70% I think.

                            The Brinkster thingie on the left however seems a bit transparant where
                            in Firebird 0.7 it is not. Firebird on Panther gives the effect on the
                            clown guy you discribed.

                            --
                            marco

                            Comment

                            • DU

                              #15
                              Re: CSS3 opacity support in Konqueror 3.1+ and Safari 1.1

                              Marco Bakker wrote:[color=blue]
                              > DU <drunclear@ho t-R-E-M-O-V-E-mail.com> wrote:
                              >
                              >[color=green]
                              >>According to a recent post, it seems that Konqueror 3.1+ and Safari 1.1
                              >>support CSS3 opacity style property under a proprietary name:
                              >>
                              >>"Support for the CSS3 opacity (using -khtml-opacity) property. Make
                              >>entire blocks and inlines transparent without resorting to transparent
                              >>PNGs."
                              >>http://weblogs.mozillazine.org/hyatt...10.html#004249
                              >>
                              >>Now, I have a demo page which works for MSIE 6 for Windows and
                              >>Mozilla-based browsers but since I don't have Linux installed (and don't
                              >>have Mac OSX 10.3) and since I can not test such demo with Konqueror
                              >>3.1+ and/or Safari 1.1, I wish someone could test this and tell me if
                              >>the demo works.
                              >>
                              >>http://www10.brinkster.com/doctorunc...icOpacity.html
                              >>
                              >>In particular, I don't know for sure how to declare that property and
                              >>how to access it.
                              >>
                              >>In the code, I declared it as
                              >>-khtml-opacity:0.7
                              >>and accessed it as
                              >>objRef.style. KhtmlOpacity = newValue;
                              >>
                              >>I could not find documentation on this matter anywhere. Do you know
                              >>where I could find such documentation on such issue?
                              >>
                              >>Is the demo working in Konqueror 3.1+ and/or in Safari 1.1? If not, do
                              >>you know the correct way to declare and access the style property?[/color]
                              >
                              >
                              > In Safari 1.1 (v100), the Panther version, the image doesn't do anything
                              > it is just there at 70% I think.[/color]

                              Well, then it means that Safari 1.1 recognizes the declaration
                              -khtml-opacity:0.7;
                              then. The remaining problem would be to find how to access the opacity
                              value and assign it a new value.
                              I assumed the correct syntax was
                              objRef.style.Kt hmlOpacity = newValue ;
                              but it appears it's not the case.
                              Do you know where I can find documentation on Safari or Konqueror where
                              support on proprietary names is defined, explained (css support on
                              Safari or Konqueror, DOM support in Safari or Konqueror).
                              I also assumed taht Safari and Konqueror support DOM 2 events:
                              document.addEve ntListener is supported in those browsers (my assumption).
                              [color=blue]
                              >
                              > The Brinkster thingie on the left however seems a bit transparant where
                              > in Firebird 0.7 it is not.[/color]

                              Argh... this brinkster ad banner thingie just appeared since yesterday.
                              There is nothing I can do against that. I was enjoying the site without
                              such server-side addition before.

                              Firebird on Panther gives the effect on the[color=blue]
                              > clown guy you discribed.
                              >[/color]

                              DU
                              --
                              Javascript and Browser bugs:

                              - Resources, help and tips for Netscape 7.x users and Composer
                              - Interactive demos on Popup windows, music (audio/midi) in Netscape 7.x


                              Comment

                              Working...