[gelöst] Transparente PNGs
Eingetragen von Niklas (28)am 28.12.2012 - 09:29 Uhr in
Guten Morgen, ich passe gerade dieses Theme local an ...
http://drupal.org/project/professional_theme
Demo: http://www.devsaran.com/theme/professional/
Leider werden .png - Bilder in diesem Theme nicht transparent dargestellt. Die Bilder sind eindeutig transparent, da sie in anderen Themes "korrekt-transparent" angezeigt werden. Kann mir jemand einen Hinweis geben, wo ich schauen muss?
Das Transparenzproblem ist nicht browserspezifisch.
Vielen Dank
Niklas
- Anmelden oder Registrieren um Kommentare zu schreiben
Welche Bilder meinst du
am 28.12.2012 - 11:16 Uhr
Welche Bilder meinst du denn?
Die Demo-Slideshow?
Vielen Dank für die ...
am 28.12.2012 - 12:02 Uhr
schnelle Antwort.
Nein - dort wird z. B. das .gif-Bild transparent angezeigt.
Wenn ich jedoch ein transparentes .png einbinde - z. B. über das das Block-Modul "On The Web" - wird das Bild in Bartik transparent angezeigt
Jedoch in meinem Theme nicht
Wenn der Bereich, in dem die
am 28.12.2012 - 12:01 Uhr
Wenn der Bereich, in dem die Bilder gezeigt werden, also der umgebende div oder so etwas, eine Hintergrundfarbe gesetzt hat, deckt diese Farbe die darunterliegende Bereiche ab. Dadurch kann die Transparenz der Bilder nicht zum Tragen kommen. Da solltest Du mit Firerefox und Firebug mal auf die Suche gehen.
Beste Grüße
Werner
Schick uns einen Link, dann
am 28.12.2012 - 12:05 Uhr
Schick uns einen Link, dann kann man relativ schnell die Fehlerquelle ausmachen.
Mein Vorredner hat vermutlich recht.
Vielen Dank - ok - tipp wie
am 28.12.2012 - 12:10 Uhr
Vielen Dank - ok - tipp wie ich das ändern kann?
Die zugehörige CSS-Anweisung
am 28.12.2012 - 12:14 Uhr
Die zugehörige CSS-Anweisung suchen und die background-color auf transparent stellen.
Beste Grüße
Werner
Vielen Dank Werner, es war
am 28.12.2012 - 13:05 Uhr
Vielen Dank Werner, es war dieser Code.
}
.content a img {
padding:5px;
box-shadow:0 0 3px #EEE;
background:#FFF;
border:#EEE 1px solid;
}
.content a:hover img {
background:#F0F0F0;
LG