Hallo zusammen

Bin auf einen seltsamen Bug/Effekt gestossen.
Und zwar hat auf einer meinen Seiten ein Kunde recht viele Artikel erfasst weswegen die Höhe der DIV's, die für das Layout zuständig sind, über 4000 Pixel angekommen sind.

Unter diesen Layout DIV's ist auch Eines das einen transparenten Hintergrund verwendet:

So, der Effekt den ich jetzt im IE7 habe ist dass wenn die Höhe des DIV's irgendwo zwischen 4095 und 4097 Pixel übersteigt der transparente Effekt gelöscht wird. Dies passiert ausschliesslich wenn der filter Befehl verwendet wird - wenn ich nur opacity verwende tritt das nicht auf.

Ich habe ein Testcase nachgebaut wo man die Höhe eines DIV's mit transparentem Hintergrund pixelweise verändern kann um das nachzuvollziehen:
IE7 DIV Höhe Bug

Hat der Bug sich einmal festgesetzt bringt man ihn nur noch durch den beherzten Griff zur Taste F5 los.
Ich vermute mal dass das Problem etwas mit der magischen Grenze 4096 zu tun hat. Oder kennt jemand die genaue Ursache und vielleicht eine Lösung? Im IE6 und IE8 tritt der Effekt komischerweise nicht auf.
Safari, Firefox, Opera und Chrome scheinen dagegen auch immun zu sein.

Ich kann das von dir beschriebene Verhalten des IE 7 nicht nachvollziehen. Da das Skript zur Höhenveränderung leider nicht zu funktionieren scheint, habe ich die Höhe händisch gesetzt - und egal, ob ich dabei 100 oder 10000 Pixel als Wert angebe, funktioniert die Opazität.

In meinem IE7 auf XP zuhause habe ich auch keinen Effekt - habs vorher ausschliesslich unter Vista im Büro getestet. Habe es bei 2 Rechnern mit Vista und IE7 nachvollziehen können, bei XP scheint es dagegen zu klappen.
Was für ein Betriebssystem verwendest Du?

Tut es erst wenn man eine Zahl eingibt und den Fokus aufhebt (z.B. per TAB Taste) - das Skript wird per onchange ausgelöst.
Die neue Höhe wird dann zur Kontrolle in das Div geschrieben.

Ja, ich habe IE 7 unter XP_Sp3 getestet.

ok dann teile ich deine Erkenntniss voll und ganz - der Effekt tritt tatsächlich nicht auf.
Wenn noch jemand mit Vista (ich habe mit SP1 probiert) oder was anderem probieren könnte wäre das cool.
Ich teste zusätzlich morgen noch an weiteren Vista PC's.

Auch wenn es anscheinend noch keine Lösung gibt, hilft es dir vielleicht etwas, dass du mit deiner Beobachtung nicht allein bist:
MSDN.Microsoft.com: IE7 Vista Filter-alpha-opacity fails if the element is taller than 2048px

Boah - bei dem tritt es sogar schon früher auf. Danke für den Link. Habe dem mal geantwortet.

Btw: Was für eine Grafikkarte hast Du drin? Evtl liegt es auch an sowas - die beiden Vista Rechner die ich getestet habe haben beide eine von ATI drin. Beim XP Rechner zuhause ist eine von Nvidia drin.


Ich mache mal eine Liste:

• Windows Vista SP1, IE7, ATI: Effekt tritt auf
• Windows Vista, IE7, Virtual PC (S3 Trio): Effekt tritt nicht auf !!!
• Windows XP SP3, IE6, Virtual PC: Effekt tritt nicht auf
• Windows XP SP3, IE7, Nvidia: Effekt tritt nicht auf
• Windows XP SP3, IE8, Virtual PC: Effekt tritt nicht auf
• Windows Server 2003 SP2, IE7, XGI: Effekt tritt nicht auf

Update 1
Der Effekt tritt auch bei dem bekannten Lightbox in der Version 2 auf.
Ich habe dazu nur das Standard Installationspaket runtergeladen, die Datei entpackt und die enthaltene index.htm um ein DIV mit 5000 Pixel Höhe ergänzt - und schon ist fertig mit Opacity.

Testcase
DIV mit 2000 Pixel Höhe: Lightbox JS v2.0 | DIV mit 2000 Pixel Hhe OK
DIV mit 5000 Pixel Höhe: Lightbox JS v2.0 | DIV mit 5000 Pixel Hhe Bug

Neue Erkenntnisse: Effekt tritt in Virtual PC mit Vista und IE7 NICHT auf.
Es könnte also ein ATI Grafikkarten Bug sein.
Habe jetzt noch jemanden gefragt der Nvidia und Vista hat.

Inzwischen sind da auch noch mehr Antworten auf der MSDN Seite zu diesem Thema reingekommen.

__________________