[IE] CSS-hover-blink bug weg in IE7?

[Blue-eagle]

Als je een background van, bijvoorbeeld, een <a> aanpast door middel van CSS (:hover) in IE6 en je hebt je cache ingesteld op "verversen bij ieder bezoek aan een pagina" dan krijg je zo'n vreemd blink effect: je background wordt niet of niet geheel geladen waardoor je met een leeg vlak komt te zitten. Duidelijk voor menig developer lijkt me

Voorbeeldje: http://www.htmldog.com/articles/suckerfish/example/

Is dit opgelost in IE7? Ik heb helaas geen IE7 tot mijn beschikking dus ik kan het helaas niet testen En ja, ik heb gezocht. Maar dan kom je alleen <blink> gedoe tegen waar ik niks mee kan

Ook ben ik niet bekend met een oplossing (of zelfs een duidlijke(re) naam) voor dit fenomeen. Kan iemand me vertellen of er oplossingen zijn hiervoor?

[RobIII]

Bij mijn weten is/wordt dat opgelost in IE7 (final). Kan me zo snel geen bron herinneren helaas.

[crisp]

Sowieso zal IE bij een background-swap altijd de background-image opnieuw inladen - ongeacht je cache-instellingen. Ik heb zelf niets gelezen over deze specifieke bug ism IE7. Ik reken er zelf echter niet op dat echt alle bugs gefixed zullen zijn (memory-leaks is ook zoiets dat ik graag gefixed zou zien).

En daarbij; IE7 is er niet voor windows 2000 of ouder en gezien de hardnekkigheid van het marktaandeel van IE5.x ben ik bang dat je toch nog jaren en jaren rekening zal moeten houden met IE < 7... (tenzij de rest overstapt op Firefox oid).

[ Voor 5% gewijzigd door crisp op 01-11-2005 15:49 ]

[SchizoDuckie]

De oplossing is best simpel eigenlijk

Je maakt dan een soort van animatie van 2 frames die je laat verspringen door alleen de background-position aan te passen.

Je hebt bijv. een button van 20 px hoog, dan wordt je background-image 40 px hoog, en bij de hover doe je background-position 0px -20px;

[RobIII]

SchizoDuckie schreef op dinsdag 01 november 2005 @ 15:54:
De oplossing is best simpel eigenlijk

Je maakt dan een soort van animatie van 2 frames die je laat verspringen door alleen de background-position aan te passen.

Je hebt bijv. een button van 20 px hoog, dan wordt je background-image 40 px hoog, en bij de hover doe je background-position 0px -20px;

Ook dat heeft wel eens "flitsen" opgeleverd bij mij (maar dan heb ik het wel over CSS-only menu's i.c.m. een :hover IE-only fix op <li>'s )

[crisp]

SchizoDuckie schreef op dinsdag 01 november 2005 @ 15:54:
De oplossing is best simpel eigenlijk

Je maakt dan een soort van animatie van 2 frames die je laat verspringen door alleen de background-position aan te passen.

Je hebt bijv. een button van 20 px hoog, dan wordt je background-image 40 px hoog, en bij de hover doe je background-position 0px -20px;

Ook dan treed de bug op (zoals RobIII ook al aangeeft)... Ik heb hier ook mee zitten worstelen met DHTML Lemmings maar heb er nooit een oplossing of workaround voor kunnen vinden behalve dan om van echte images gebruik te maken.

[ Voor 19% gewijzigd door crisp op 01-11-2005 16:00 ]