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!