IE zeigt schwarzen Rand um die PNG-wenn eingeblendet

Hier ist meine site:
http://smartpeopletalkfast.co.uk/ppr6/

Habe ich PNGs mit Transparenz fadein mit jQuery. IE8 (havnt getestet mit anderen noch) zeigt schwarze Rahmen um die PNG-Bilder, während Sie fade-in. Ich weiß, das ist ein anerkanntes Problem und ich habe versucht ein paar Methoden ohne Glück.

Jedoch habe ich bemerkt, dass das Herz (das Letzte Bild laden) nicht die schwarzen Ränder. Warum ist das eine OK? Hoffentlich, wenn ich herauszufinden, warum ich es verwenden können, zu beheben, die andere.

Dank

UPDATE

Würd ich spielte mit code, so viel hatte ich nicht Begriffen, ich würde ungewollt deaktiviert die fade-in des Herzen, so thats, warum es keine Grenzen.

Es ist ein komisches Problem dieser. In allen Foren, die ich geschaut habe, bei Ihr sind Lösungen, die scheint zu funktionieren für einige Leute, aber nicht für andere.

  • Nicht sicher, ich kann Ihre Frage beantworten, aber für mehr Informationen über IE PNG Transparenz Problem mit jQuery fading finden Sie unter: stackoverflow.com/questions/1156985/...
  • Mit einem PNG-8 für mich gearbeitet. Ihr ist eine leichte weiße Umrandung auf dem Bild in der tatsächlichen Datei nicht ein browser-Problem, aber in meinem Fall sieht gut aus.
InformationsquelleAutor Evanss | 2011-02-11
  1. 8

    Ich weiß, dieser thread ist sehr alt, jedenfalls fand ich diese post, die sehr gut funktioniert für mich, es vollständig entfernt die schwarzen Ränder von PNG ' s in IE7, IE8.

    .item img {
    background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */ 
}

    Finden Sie es int dieser thread http://www.sitepoint.com/forums/showthread.php?590295-jQuery-fadein-fadeout-of-transparent-png-in-IE7-and-Chrome

    • Diese Lösung funktioniert für beide Bilder und Elemente mit hintergrund. Ich danke Ihnen sehr!
    InformationsquelleAutor Carlos Quijano
  2. 4

    dieses Attribut hinzufügen, um Ihren tag wie diese

    <img src="/someimage.png" alt="yourImageDesc" style="border-style: none" />
    • Ist dies entfernen soll der weiße Rand? Es funktioniert nicht für mich. Der weiße Rand ist rund um die nicht-transparenten Pixel, nicht, um die ganzen png. Sie können es hier sehen: smartpeopletalkfast.co.uk/ppr6
    • In meinem Fall es hat funktioniert, danke.
    • Es entfernt die schwarze Umrandung von png auch 🙂
    InformationsquelleAutor Steven
  3. 3

    Verwendung einer PNG-8 für mich gearbeitet. Ihr ist eine leichte weiße Umrandung auf dem Bild in der tatsächlichen Datei nicht ein browser-Problem, aber in meinem Fall sieht gut aus.

    InformationsquelleAutor Evanss
  4. 2

    setzen Hintergrundfarbe

    background: #E1AE07;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */      
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -khtml-opacity: 0.50;
    -moz-opacity: 0.50;
    opacity: 0.50;
    InformationsquelleAutor mail2joydeep.roy
  5. 0

    ich habe das gleiche Problem die Einstellung der Deckkraft eines Elements mit jquery als in $('div').css('opactiy',0.5);
    ich war in der Lage, es zu beheben durch Einstellung einer festen Hintergrundfarbe für das 'div' in Sorge.

    einfache demonstration: http://jsfiddle.net/mwXs3/3/ (vergleichen Sie diese in firefox und ie8)...

    • Würde die hintergrund-Farbe dann durchscheint? Dank
    • jsfiddle.net/mwXs3/5 leider, die bg-Farbe setzen Sie auf div.Bild bleibt in Ihnen Weg, aber Sie könnten versuchen, die Annäherung der Farbe, um den gesamten hintergrund.
    InformationsquelleAutor schellmax
Schreibe einen Kommentar