Zwarte rand rondom teksten en transparante gif in IE 7 en 8

[Matthijs1982]

Ik heb met jquery een animatie gemaakt. In deze animatie faden teksten in en uit en komen daarna productfoto's in beeld geslide.

Dit werkt allemaal prima. Alleen is de kwaliteit van de foto's en de teksten in IE7 en IE8 van erg slechte kwaliteit. Vreemd genoeg werkt alles in IE6 wel goed. In Firefox en Safari werkt het ook prima.

Ik heb al gegoogled, maar dit probleem kan ik nergens terug vinden.

Heeft iemand ervaring met zwarte, kartelige randjes rondom teksten en afbeeldingen IE7 en IE8?

[MueR]

Mijn glazen bol zegt dat het in regel 173 van je javascript en regel 415 van je CSS zit. Geef eens een voorbeeld.

[ Voor 12% gewijzigd door MueR op 28-09-2009 13:07 ]

[Matthijs1982]

Onderstaand de javascript die ik gebruik. Hetlijk erop dat het fout gaat bij de opcaity, maar ik weet niet of en hoe dit op te lossen is. Wanneer ik de javascript uitschakel, wordt alles goed weergegeven.

Dit is de javascript code:

JavaScript:

  $(document).ready(function(){              
     $("#one").fadeIn("slow");
     $("#two").wait(1000).fadeIn("slow");
     $("#three").wait(2000).fadeIn("slow");
     $("#four").wait(3000).fadeIn("slow");
      $("#one").wait(2500).fadeOut("fast");
      $("#two").wait(2500).fadeOut("fast");
      $("#three").wait(2500).fadeOut("fast");
      $("#four").wait(2500).fadeOut("fast");
        $("#hintergrund2").wait(6000).fadeIn("slow");
        $("#produkt1").wait(6000).fadeIn("slow").animate({ 
        width: "142px",
        opacity: 1.0,
        marginLeft: "10px",
        borderWidth: "10px"
      }, 1500 );
     $("#produkt2").wait(7000).fadeIn("slow").animate({ 
        width: "134px",
        opacity: 1.0,
        marginLeft: "190px",
        borderWidth: "10px"
      }, 1500 );
     $("#produkt3").wait(8000).fadeIn("slow").animate({ 
        width: "134px",
        opacity: 1.0,
        marginLeft: "630px",
        borderWidth: "10px"
      }, 1500 );
     $("#produkt4").wait(10000).fadeIn("slow");
     $("#slogan").wait(11000).fadeIn("slow");
  });
 

[MueR]

Ik zie weinig aan de javascript code wat fout kan zijn. Misschien als je ergens een voorbeeld online plaatst, zodat we ook kunnen zien wat er gebeurt?

[crisp]

IE (>= 7) zet clearType uit voor elementen waar een DX filter op actief is. vziw is daar geen oplossing of workaround voor

[Matthijs1982]

Het ligt aan de opacity. Wanneer ik die uitschakel werkt alles zonder lelijke zwarte kartelrandjes.
Ik weet alleen niet of dit op te lossen is.
het het al geprobeerd met dit:

filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100, FinishOpacity=100, Style=2)",

maar dat maakt geen verschil.

Ik ga nog eens verder zoeken.

[Cartman!]

Heb je crisp zn treffende linkje nou gewoon niet gezien