[CSS + IE6]a:hover background-image

[DNA_Saint]

Ik ben met een menuutje bezig voor een website.
Je hebt een textlink en als je erover heen gaat dan komt er op de achtergrond van link een plaajte.
maar in IE6 werkt dit dus niet:

Cascading Stylesheet:

#menubt_home a{
        color:#FFFFFF;
        font-size:10px;
        font-weight:bold;
        text-decoration:none;
        padding:4px 10px 9px 9px;
        }
        
#menubt_home a:hover{
        background-image:url(../images/menubt_home.gif);
        }

probleem zit hem in dat IE6 a:hover met een plaatje niet ondersteund.

weet iemand een slimme oplossing voor dit?
want als ik ctrl+a doe, dan zie werkt de hover wel. Ik had ergens iets gelezen dat je pseudo classes moet gebruiken ofzo?

[Jenk-Han]

IE6 ondersteunt dit zonder problemen ( )
Probeer in de a:hover eens wat extra padding te geven om te controleren dat je achtergrondplaatje er niet buiten valt.
Heb je misschien een testcase-link voor ons?

[DNA_Saint]

aaah...ja een extra padding meegeven...
raar dat IE de background gewoon helemaal ergens ander doet..

[Blaise]

probleem zit hem in dat IE6 a:hover met een plaatje niet ondersteund.

IE6 ondersteunt hover op een link, ook met een achtergrondafbeelding in de hover.

Om te testen of hover écht niet werkt kan je tijdelijk background-color gebruiken in plaats van background-image. Als het dan niet werkt ligt het inderdaad aan de hover. Misschien ligt er dan een transparant element of iets dergelijks.

Ligt het niet aan de kleur of grootte van het plaatje zelf? Of de positionering ervan?

[ Voor 0% gewijzigd door Blaise op 27-03-2007 01:46 . Reden: spuit 11 ]

[Jenk-Han]

Misschien het background regeltje vervangen door onderstaande?

code:

background:url(../images/menubt_home.gif) top;

of misschien 'top' vervangen door 'left'

[ Voor 4% gewijzigd door Jenk-Han op 27-03-2007 01:51 ]

[DNA_Saint]

ik heb het nu opgelost met:
background-position: 0 0;