Ergebnis 1 bis 9 von 9

Thema: Probleme beim Alpha-Übergang mit transparenten Bildern

  1. #1
    Contao-Nutzer Avatar von TLight
    Registriert seit
    30.06.2009.
    Ort
    bei München
    Beiträge
    168

    Frage Probleme beim Alpha-Übergang mit transparenten Bildern

    Auf der Testseite http://www.tvms.de/cms2011 habe ich in das Banner den Imageslider eingebunden. Da ich die runden Ecken, Schatten und Transparenzen möglichst auch in vielen alten Brwosern dargestellt haben möchte, sind die Bilder als png-Dateien eingebunden. Nun habe ich das Problem, dass beim Alpha-Übergang durch den Imageslider auch die Schatten um den Header herum überlagern, also immer dunkler werden und dann, wenn der Slide abgeschlossen ist, schlagartig wieder heller werden.

    Folgende Varianten habe ich überdacht, bergen aber m. E. nach andere Probleme.
    - Schatten außen herum als png fest, nur inneres Bild als jpg in den Slider --> Problem der runden Ecken in älteren Browsern erzeugt hässliche Ecken
    - Ganzes Bild samt Schatten als jpg in den Slider und mit z-index nach hinten, sodass die Schatten der Navigation und des Main-Bereichs transparent überlagern können --> Problem mit dem Grautonverlauf im Hintergrund (v. a. bei sehr breiten Bildschirmen).

    Hat jemand evtl. noch bessere Ideen? Wäre Euch sehr dankbar!

  2. #2
    Contao-Urgestein Avatar von tblumrich
    Registriert seit
    25.06.2009.
    Ort
    Feldberger Seenlandschaft
    Beiträge
    2.225
    Partner-ID
    7979
    User beschenken
    Wunschliste

    Standard

    Hi.

    Was hältst du davon die Schatten via CSS3 zu erzeugen?
    Contao 2.10.xx bringt da ja recht komfortable und aufgrund einer CSS3 Framework Umsetzung (CSS3Pie) auch einigermaßen zugängliche Möglichkeiten mit.

    Gruß
    Thomas
    blucomp | Webdesign & Onlinelösungen

  3. #3
    Contao-Nutzer Avatar von TLight
    Registriert seit
    30.06.2009.
    Ort
    bei München
    Beiträge
    168

    Standard

    Vielen Dank für Deine schnelle Antwort!

    Diese Idee hatte ich auch. Meine Überlegungen waren, dass ich, wenn ich diese Variante gehe, auch dann auch die runden Ecken und die Transparenzen so erzeugen muss. Natürlich wäre das sowohl sehr schön und kompakt als auch viel schneller zu laden.

    Doch leider bringt der IE8 hierbei keine Unterstützung mit und alle, die noch Windows XP nutzen, also meines Wissens nach nicht auf den IE9 umsteigen können, würden eine doch sehr abgespeckte und unansehnliche Website präsentiert bekommen (keine runden Ecken, kein Schatten, keine Transparenz). Oder irre ich mich da und habe evtl. etwas übersehen?

  4. #4
    Contao-Urgestein Avatar von tblumrich
    Registriert seit
    25.06.2009.
    Ort
    Feldberger Seenlandschaft
    Beiträge
    2.225
    Partner-ID
    7979
    User beschenken
    Wunschliste

    Standard

    Zitat Zitat von TLight Beitrag anzeigen
    Vielen Dank für Deine schnelle Antwort!

    Diese Idee hatte ich auch. Meine Überlegungen waren, dass ich, wenn ich diese Variante gehe, auch dann auch die runden Ecken und die Transparenzen so erzeugen muss. Natürlich wäre das sowohl sehr schön und kompakt als auch viel schneller zu laden.

    Doch leider bringt der IE8 hierbei keine Unterstützung mit und alle, die noch Windows XP nutzen, also meines Wissens nach nicht auf den IE9 umsteigen können, würden eine doch sehr abgespeckte und unansehnliche Website präsentiert bekommen (keine runden Ecken, kein Schatten, keine Transparenz). Oder irre ich mich da und habe evtl. etwas übersehen?
    Der zweite Teil meines Beitrages meint genau das. Contao sorgt mit CSS3Pie für die Umsetzung in IE8 und 7.
    Es gibt ein paar kleine Fallstricke, aber darüber kannst du hier im Forum was finden... probiers doch einfach aus.

    Gruß
    Thomas
    blucomp | Webdesign & Onlinelösungen

  5. #5
    Contao-Nutzer Avatar von TLight
    Registriert seit
    30.06.2009.
    Ort
    bei München
    Beiträge
    168

    Standard

    Ah, okay. Das hatte ich nicht verstanden. Werde es ausprobieren und berichten. Vielen Dank!!

  6. #6
    Contao-Nutzer Avatar von TLight
    Registriert seit
    30.06.2009.
    Ort
    bei München
    Beiträge
    168

    Standard css3pie agiert sehr zäh

    So, nun habe ich alles mittels css3 gestaltet. Die Darstellung via css3pie im ie7/8 ist aber mehr als zäh (langsam und unvollständig). Gibt es eine Möglichkeit css3pie abzuschalten? Im Forum habe ich hierzu nur gefunden, dass ein anderer css-editor verwendet werden soll.

  7. #7
    Contao-Urgestein Avatar von tblumrich
    Registriert seit
    25.06.2009.
    Ort
    Feldberger Seenlandschaft
    Beiträge
    2.225
    Partner-ID
    7979
    User beschenken
    Wunschliste

    Standard

    Hi.

    Unter 2.10.* wüsste ich nicht, wie das abzuschalten wäre.
    Aber was heißt "zäh und unvollständig" konkret? Ich konnte bei meinen Projekten bis dato nicht wirklich Performanceeinbu0en feststellen können, falls das gemeint ist.
    Was die Umsetzung angeht gibt es tatsächlich ein paar Darstellungsprobleme und muss hier und da ein paar Dinge beachten (position:relative für die betreffenden Elemente, möglichst Kurzschreibweise der CSS3 Definitionen usw...). Aber um da konkret zu helfen, bräuchte man auch konkrete Aussagen oder noch besser, was zum Sehen.

    Abgesehen von allem... exzessiv würde ich davon auch nicht Gebrauch machen... und mit der Gewissheit, das die Leute mit alten Browsern hier und da eben keine Runden Ecken und Schatten sehen, leben.

    Gruß
    Thomas
    blucomp | Webdesign & Onlinelösungen

  8. #8
    Contao-Nutzer Avatar von TLight
    Registriert seit
    30.06.2009.
    Ort
    bei München
    Beiträge
    168

    Standard

    Hallo Thomas!

    Vielleicht hast Du ja Lust, kurz auf den am Anfang des Threads genannten Link zu klicken. Dort sollte die Site online sein. Bei mir dauert der Seitenaufbau im IE8 ewig, der Rahmen um den Container fehlt und die Aufklapp-Menüs hinterlassen zuerst weiße Flächen und rollen später nur sehr langsam.

    Viele Grüße,
    Torsten

  9. #9
    Contao-Urgestein Avatar von tblumrich
    Registriert seit
    25.06.2009.
    Ort
    Feldberger Seenlandschaft
    Beiträge
    2.225
    Partner-ID
    7979
    User beschenken
    Wunschliste

    Standard

    Hi.

    Wie schon angedeutet... ich würde niemals die komplette Breitseite (Schatten, Verläufe, Transparenzen und Runde Ecken) nutzen, wenn ich den Anspruch habe, damit alle Browser zu befriedigen. Und schon gar nicht mit anderen aufwendigen Dingen wie Aufklappmenüs a'la Menumatic.
    Besonders die RGBA Umsetzung mach Probleme...

    Performanceprobleme beim Laden kann ich übrigens nicht entdecken.

    Es gibt im Forum auch 1-2 Threads über Probleme mit den CSS3 Eigenschaften, die für ältere MS Browser mit der PIE.htc gefügig gemacht werden sollen... z.B.:
    http://www.contao-community.de/showt...icht-angewandt



    Gruß
    Thomas
    blucomp | Webdesign & Onlinelösungen

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •