tutorials.de Buch-Aktion 05/2012
ERLEDIGT
JA
ANTWORTEN
13
ZUGRIFFE
786
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. #1
    -André- -André- ist offline Mitglied Gold
    Registriert seit
    Jul 2006
    Beiträge
    115
    Hallo,
    ich habe mir schon mehrere Lösungsvoschläge angesehen, aber bisher hab ich es noch nicht hinbekommen, PNG's transparent im IE 6 anzuzeigen.
    CSS:
    Code :
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    
    #navigation {
        width: 140px;
        border: 1px solid #ccc;
        margin: 10px 0px;
        float: left;
        padding: 5px;
        background: url(../bilder/hintergrund.png);
    }
    * html  #navigation {
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./bilder/hintergrund.png', sizingMethod='scale');
        background:none;
    }
    Kann mir jemand bei dem Problem helfen?

    Gruß

    -André-
     

  2. #2
    Maik Tutorials.de Gastzugang
    Hi,

    tausch mal im Star-HTML-Selektor die Reihenfolge der filter- und background-Deklaration.

    Möglicherweise stimmt in dem Selektor auch der relative Pfad zur Grafik nicht, sodass der IE sie nicht findet.

    Ansonsten fällt mir an dem Code nichts weiter auf, was den IE zur Arbeitsverweigerung bewegen könnte.

    mfg Maik
     

  3. #3
    -André- -André- ist offline Mitglied Gold
    Registriert seit
    Jul 2006
    Beiträge
    115
    Ich hab das getauscht, funktioniert aber immernoch nicht. Es wird wie vorher einfach kein Hintergrund dargestellt.

    Gruß

    -André-
     

  4. #4
    Maik Tutorials.de Gastzugang
    Wenn im IE kein Hintergrund angezeigt wird, stimmt der Pfad zur Grafik nicht, denn dieser muss relativ zum HTML-Dokument und nicht, wie ansonsten in CSS üblich, zur CSS-Datei gesetzt werden.

    mfg Maik
     

  5. #5
    -André- -André- ist offline Mitglied Gold
    Registriert seit
    Jul 2006
    Beiträge
    115
    Ich hab die html Datei auf der Grundebene, darin sind zwei Ordner einmal "css" mit der css Datei, und einmal "bilder" u.a. mit "hintergrund.png" und der css Text ist:
    Code :
    1
    2
    3
    4
    
    * html  #kopf {
        background:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bilder/hintergrund.png', sizingMethod='scale');
    }

    Funktioniert aber immer noch nicht.

    Gruß

    -André-
     

  6. #6
    -André- -André- ist offline Mitglied Gold
    Registriert seit
    Jul 2006
    Beiträge
    115
    Kann das vielleicht an der verwendeten Grafik liegen? Ich hab "hintergrund.png" mal angehängt.
    Gruß
    -André-
    Angehängte Grafiken Angehängte Grafiken  
     

  7. #7
    Maik Tutorials.de Gastzugang
    Hab die Grafik mal eben in ein laufendes Projekt eingesetzt, in dem die Pfade ebenfalls stimmen, und es scheint so, als würde der IE nichts anzeigen, sprich man sieht die Grafik nicht, erkennt nicht ihre Hintergrundfarbe und kann durch die Box auf den Seitenhintergrund durchblicken

    Soviel steht dann schonmal fest, dass hier kein CSS-Problem vorliegt.

    mfg Maik
     

  8. #8
    -André- -André- ist offline Mitglied Gold
    Registriert seit
    Jul 2006
    Beiträge
    115
    Was ist denn dann an dem Bild falsch?

    Gruß

    -André-
     

  9. #9
    Maik Tutorials.de Gastzugang
    Das kann ich dir leider nicht sagen, denn GIMP gibt mir im Vergleich zu meinen selberstellten PNGs die Info aus, dass es sich um eine indizierte Farbe handelt, und ansonsten die üblichen Infos wie "Größe in Pixel", "Druckgröße", usw.

    Bevor ich dich dann in die Grafik-Abteilung überweise, hätte ich noch gerne gewußt, mit welchem Grafikprogramm die Datei erstellt wurde.

    mfg Maik
     

  10. #10
    -André- -André- ist offline Mitglied Gold
    Registriert seit
    Jul 2006
    Beiträge
    115
    Ich hab die Datei mit Fireworks 8 erstellt, hab einfach ein rechteck auf der Leinwand eingefügt und dann die Opazität auf 50 gestellt und als PNG 8 mit Alphatransparenz veröffentlicht.

    Gruß

    -André-
     

  11. #11
    Registriert seit
    Mar 2002
    Ort
    Stuttgart (Baden-Württemberg)
    Beiträge
    984
    Blog-Einträge
    7
    Speicher mal als 24Bit PNG, vielleicht schafft das Abhilfe?!
     
    Gruß mAu


    ──────────────────────────
    Ich auf flickr

    * Unformatierten Quellcode schaue ich mir _nicht_ an!
    * Sollte ich euch bei einer Frage weitergeholfen haben, würde ich mich über eine positive Bewertung freuen.
    * Bitte die Netiquette beachten.
    * Vergesst nicht, beantwortete Fragen als erledigt zu markieren!


  12. #12
    -André- -André- ist offline Mitglied Gold
    Registriert seit
    Jul 2006
    Beiträge
    115
    Ich habe aber nur bei PNG 8 die Möglichkeit Alphatransparenz einzustellen
    Gruß

    -André-
     

  13. #13
    Maik Tutorials.de Gastzugang
    Hi,

    vielleicht solltest du mal testweise auf GIMP (GNU Image Manipulation Program) umsatteln, und zumindest darin die transparenten PNG-Grafiken erstellen, denn ich erzeuge damit problemlos semitransparente PNGs mit 24- oder gar 32-Bit Farbtiefe.

    mfg Maik
     

  14. #14
    -André- -André- ist offline Mitglied Gold
    Registriert seit
    Jul 2006
    Beiträge
    115
    Hallo,
    hab ich jetzt ausprobiert und funktioniert tatsächlich.
    Vielen Dank für den Tip

    Gruß

    -André-
     

Ähnliche Themen

  1. Antworten: 3
    Letzter Beitrag: 01.09.09, 11:44
  2. AlphaImageLoader?
    Von poli-dori im Forum CSS
    Antworten: 15
    Letzter Beitrag: 08.12.06, 19:42
  3. AlphaImageLoader ohne Browsererkennung
    Von milchbubbi im Forum Javascript & Ajax
    Antworten: 8
    Letzter Beitrag: 17.10.06, 11:58
  4. Probleme mit Filter>>Rendering-Filter>>Beleuchtungseffekte
    Von extracuriosity im Forum Photoshop
    Antworten: 2
    Letzter Beitrag: 22.08.04, 16:39
  5. probleme mit filter:DropShadow()
    Von FolaR im Forum HTML & XHTML
    Antworten: 4
    Letzter Beitrag: 05.11.02, 15:41