apeiros: Transparente Hintergrundfarben

http://www.meyerweb.com/eric/css/edge/complexspiral/glassy.html
Bei o.g. Link ist z.B. der Hintergrund zu einem h2 "I'm not seeing the compositing!" ein ~50% transparentes braun. Aber ich finde im CSS der Seite nirgends, wie der Autor das gemacht hat. Kann mich da jemand aufklären?

  1. http://www.meyerweb.com/eric/css/edge/complexspiral/glassy.html

    Bei o.g. Link ist z.B. der Hintergrund zu einem h2 "I'm not seeing the compositing!" ein ~50% transparentes braun. Aber ich finde im CSS der Seite nirgends, wie der Autor das gemacht hat. Kann mich da jemand aufklären?

    Ganz einfach -- ein JPG als background:
    div#content h2 {
     background: #CBB196 url(glassy-tan.jpg) 0 0 no-repeat fixed;
    }
    also siehe hier: http://www.meyerweb.com/eric/css/edge/complexspiral/glassy-tan.jpg

    Greetingz,

    Manfred

    --
    "Man muss die Welt nicht verstehen, man muss sich nur in ihr zurechtfinden" (Albert Einstein)
    Manfred Wiesinger
    http://manfred-wiesinger.com
    http://menphrad.net
  2. Hi,

    http://www.meyerweb.com/eric/css/edge/complexspiral/glassy.html
    Bei o.g. Link ist z.B. der Hintergrund zu einem h2 "I'm not seeing the compositing!" ein ~50% transparentes braun. Aber ich finde im CSS der Seite nirgends, wie der Autor das gemacht hat. Kann mich da jemand aufklären?

    Das ist nicht transparent. Sondern das Bild ist dementsprechend angepasst. http://www.meyerweb.com/eric/css/edge/complexspiral/glassy-tan.jpg

    div#content h2 {background: #CBB196 url(glassy-tan.jpg) 0 0 no-repeat fixed; color: white; padding: 0.5em; margin: 0 -12px 0.5em; border-color: #963; border-width: 1px 0; border-style: solid;}

    Und dann ist das bei background: #CBB196 url(glassy-tan.jpg) im Hintergrund für H2 angepaßt, verstehst du?

    Gruß ... Simon

    1. ÈÈ Hi,

      ÈÈ Das ist nicht transparent. Sondern das Bild ist dementsprechend angepasst. http://www.meyerweb.com/eric/css/edge/complexspiral/glassy-tan.jpg

      ÈÈ Und dann ist das bei background: #CBB196 url(glassy-tan.jpg) im Hintergrund fŸr H2 angepa§t, verstehst du?

      ÈÈ Gru§ ... Simon

      Ah ver****. Er hat 3 Bilder verwendet, nicht bloss 2 + transparenzen.
      Klar, leuchtet ein.

      Gibt es in CSS mšglichkeiten, transparente hintergrundfarben zu verwenden?

      1. Hi,

        ÈÈ Hi,

        ÈÈ Das ist nicht transparent. Sondern das Bild ist dementsprechend angepasst. http://www.meyerweb.com/eric/css/edge/complexspiral/glassy-tan.jpg

        ÈÈ Und dann ist das bei background: #CBB196 url(glassy-tan.jpg) im Hintergrund fŸr H2 angepa§t, verstehst du?

        ÈÈ Gru§ ... Simon

        Ah ver****. Er hat 3 Bilder verwendet, nicht bloss 2 + transparenzen.
        Klar, leuchtet ein.

        Gibt es in CSS mšglichkeiten, transparente hintergrundfarben zu verwenden?

        FAST alles ist mit CSS möglich! Musste hier klicken: http://selfhtml.teamone.de/css/eigenschaften/filter.htm

        Gruß ... Simon

        1. ÈÈ FAST alles ist mit CSS mšglich! Musste hier klicken: http://selfhtml.teamone.de/css/eigenschaften/filter.htm
          ÈÈ
          ÈÈ Gru§ ... Simon

          *cough*, Šhm, die filter sind Win-M$-IE only...
          Gibt es auch etwas "kompatibleres"?

          1. Hi,

            ÈÈ FAST alles ist mit CSS mšglich! Musste hier klicken: http://selfhtml.teamone.de/css/eigenschaften/filter.htm
            ÈÈ
            ÈÈ Gru§ ... Simon

            *cough*, Šhm, die filter sind Win-M$-IE only...
            Gibt es auch etwas "kompatibleres"?

            Gute Frage, nächste Frage?
            Googeln? Wüste jetzt spontan nicht wie anderes!

            Gruß ... Simon

            1. Hi Simon,

              Gute Frage, nächste Frage?
              Googeln? Wüste jetzt spontan nicht wie anderes!

              ^^^^^
              Stein oder Sand?
              Seit wann sind Wüsten nicht so spontan wie andere Dinge (Anderes), zB. Meer oder Schuhe.

              *g*

              ciao
              romy

              1. Hi Simon,

                Gute Frage, nächste Frage?
                Googeln? Wüste jetzt spontan nicht wie anderes!
                            ^^^^^
                Stein oder Sand?
                Seit wann sind Wüsten nicht so spontan wie andere Dinge (Anderes), zB. Meer oder Schuhe.

                *g*

                ciao
                romy

                bääähhh! ;-)

          2. Hi,

            *cough*, Šhm, die filter sind Win-M$-IE only...
            Gibt es auch etwas "kompatibleres"?

            nicht mit css, aber du könntest ein gerastertes gif verwenden mit der hintergrundfarbe und einer transparente farbe verwenden. sieht dann - bei entsprechend kleinem raster - entsprechend aus.

            freundliche Grüße
            Ingo

  3. Hi,

    http://www.meyerweb.com/eric/css/edge/complexspiral/glassy.html
    Bei o.g. Link ist z.B. der Hintergrund zu einem h2 "I'm not seeing the compositing!" ein ~50% transparentes braun. Aber ich finde im CSS der Seite nirgends, wie der Autor das gemacht hat. Kann mich da jemand aufklären?

    Am besten der Autor selbst. Und das macht er ja auch. Auf der Seite selbst.

    cu,
    Andreas

    --
    Der Optimist: Das Glas  ist halbvoll.  - Der Pessimist: Das Glas ist halbleer. - Der Ingenieur: Das Glas ist doppelt so groß wie nötig.
    http://mud-guard.de/? http://www.andreas-waechter.de/ http://www.helpers.de/