[CSS] :hover werkt dus niet in IE....

[Verwijderd]

Mensen,

Ik heb dus de volgende css code:

Cascading Stylesheet:

    img.thumb{
        margin: 0 0 10px 10px;
        border: 1px solid #666;
        padding: 3px;
        background: #E6CBDC;
    }
    img.thumb:hover{
        background: #666666;
    }

Zoals je ziet zal de achtergrondkleur veranderen als je er met de muis overheen gaat. Het is erg simpel, leuk, volgens de css standaard maar werkt dus niet in IE .

Na wat zoeken op internet ben ik er achter gekomen dat ik de hover kan emuleren door een .htc bestand te gebruiken waar javascript in zit en dit dan de css code vervangt. Maar aangezien mijn kennis van javascript nog minder is dan die van css is mijn vraag of jullie een makkelijkere manier weten om dit te doen(of een voorbeeld js kunnen maken)?

Koen

[André]

Kijk hier eens:
http://dean.edwards.name/IE7/

[Blaise]

IE7 is overkill hiervoor als je alleen :hover wil. whatever:hover is wat meer "light".

[Koeniepoenie]

Als je het alleen gebruikt voor wat plaatjes, zou je ook je eigen functie kunnen schrijven, zoiets:

code:

function fixImgHover() {
    imgs = document.getElementsByTagName('img');
    
    for (var i=0, j=imgs.length; i<j; i++) {
        if (imgs[i].className == 'thumb') {
            imgs[i].onmouseover = function() {
                this.className += ' over';
            }
            imgs[i].onmmouseout = function() {
                this.className = this.className.replace(' over', '');
            }
        }
    }
}

document.onload = fixImgHover;

[faabman]

Koeniepoenie schreef op zondag 04 september 2005 @ 11:43:
Als je het alleen gebruikt voor wat plaatjes, zou je ook je eigen functie kunnen schrijven, zoiets:

code:

function fixImgHover() {
    imgs = document.getElementsByTagName('img');
    
    for (var i=0, j=imgs.length; i<j; i++) {
        if (imgs[i].className == 'thumb') {
            imgs[i].onmouseover = function() {
                this.className += ' over';
            }
            imgs[i].onmmouseout = function() {
                this.className = this.className.replace(' over', '');
            }
        }
    }
}

document.onload = fixImgHover;

Gebruik dan de htc van clay, die wordt alleen gebruikt door IE, dwingt je niet om een className te gebruiken en geld direct voor al je elementen

[Koeniepoenie]

faabman schreef op zondag 04 september 2005 @ 12:18:
[...]


Gebruik dan de htc van clay, die wordt alleen gebruikt door IE, dwingt je niet om een className te gebruiken en geld direct voor al je elementen

'T was ook meer bedoelt als een alternatief