[CSS] visibility werkt niet in IE

[Verwijderd]

Dag,

ik heb een rij kleine thumbs die grijs zijn, daarachter heb ik ze in kleur staan. Nou wil ik dat als je met je muis over een thumb heen gaat dat degene met kleur zichtbaar word. Dus gebruik ik het volgende

code:

#plaatje a:hover img {visibility:hidden; } 
#plaatje a {width:25px; background-repeat:no-repeat; width: 25px; border: 0px; display: table-cell; } 
#plaatje img {border: 0px;} 

<div id="plaatje"> 
   <a href="bla.php" style="background-image: url(plaatjemetkleur.png">[img]"grijsplaatje.png">[/img] 
</div>

De reden dat ik ook een inlinestyle gebruik is omdat die background image met php erin word gezet.
In Firefox werkt alles prima maar in Explorer verdwijnt het grijze plaatje niet.

[We Are Borg]

oeps, blaat onzin

[ Voor 86% gewijzigd door We Are Borg op 25-01-2005 14:54 . Reden: denk het te weten: niet dus :X ]

[Verwijderd]

probeer visibility: none; eens?

[DonDaaf]

Achter url(plaatjemetkleur.png een haakje sluiten neerzetten.

[Verwijderd]

visiblity: none werkt niet.

Dat ene haakje heb ik in me code wel staan, had het fout over getypt

[Dark Blue]

Waarom heeft de hele <div> de naam plaatje, als je alleen die grijze img het id plaatje geeft moet t toch wel werken..?
Ja, ik weet dat het zo ook moet werken, want img heeft weer betrekking op puur de img tags aanwezig in die div "plaatje" ... maar toch. probeer het eerst eens makkelijk.

En als je overtypt ipv copy/paste kunnen wij ook niet echt zien of je in je eigen code fouten hebt...

[ Voor 56% gewijzigd door Dark Blue op 25-01-2005 15:16 ]

[Savantas]

Ik gok zo dat IE het niet snapt... een a:hover met daarachter nog een img. Te ingewikkeld voor IE
En inderdaad:

On Tue, Aug 19, 2003 at 11:18:50PM +0100, Bert wrote :
> Are there any known problems with IE when trying to get pseudo classes to
> affect a child img. My archive surfing has come up with nothing. IE refuses
> to apply this hover effect summarised below:

Yes, the sad answer is that the :hover pseudo class will only work on the A element itself on any Win/IE version and cannot influence any children. Thx to M$.

- Markus

Google is wederom uw vriend!
<Div oplossingen>

[ Voor 43% gewijzigd door Savantas op 25-01-2005 16:19 ]

[Jrz]

Je kan ook een effectje eroverheen knallen, dan hoef je niet voor 1 plaatje, 2 files te downloaden

[Verwijderd]

dat lijkt me niet, heb genoeg voorbeelden gezien waar het gewoon werkt, wellicht is het de volgorde, zet dat :hover eens helemaal achteraan

[Jrz]

Je vergeet je haakje trouwens af te sluiten

[judgem]

Werkt dit wel:

code:

#plaatje a:hover img {display:none; } 
#plaatje a:link img {display: block;} 
#plaatje a:link {width: 25px; border:none; } 
#plaatje img {background-repeat:no-repeat; } 

<div id="plaatje"> 
   <a href="bla.php" style="background-image: url(plaatjemetkleur.png)">[img]"grijsplaatje.png">[/img] 
</div>

?

Je miste overigens een ")". Geen idee of dat van invloed heeft kunnen zijn..

[Jrz]

Maar waarom niet gewoon een onmouseovertje en dan this.src=xxxxx ?
Of gewoon img:hover filter { } ?

[Clay]

Er is een gare bug in IE dat a:hover [nog een node] niet werkt tenzij je een :hover op de a zelf nog definieert. Dat kan b.v. met iets loos dat niet echt iets doet, ala:

code:

a:hover {
   background:transparent;
}

dan doet een a:hover img het ineens ook

[Verwijderd]

Clay schreef op dinsdag 25 januari 2005 @ 16:22:
Er is een gare bug in IE dat a:hover [nog een node] niet werkt tenzij je een :hover op de a zelf nog definieert. Dat kan b.v. met iets loos dat niet echt iets doet, ala:

code:

a:hover {
   background:transparent;
}

dan doet een a:hover img het ineens ook

Thankssss het werkt eindelijk!!!!

[Verwijderd]

Clay schreef op dinsdag 25 januari 2005 @ 16:22:
Er is een gare bug in IE dat a:hover [nog een node] niet werkt tenzij je een :hover op de a zelf nog definieert. Dat kan b.v. met iets loos dat niet echt iets doet, ala:

code:

a:hover {
   background:transparent;
}

dan doet een a:hover img het ineens ook

Haha, geniaal!... in al zijn triestheid. Ik zat al te kijken hoe of wat want ik doe dit best vaak. Maar ik heb ook altijd wel de a en a:hover ergens gedefinieerd dus het was nog nooit opgevallen. Weer eentje er bij voor 'what I hate about IE.txt'....

Toch goed om te weten, thx.

[Clay]

Maar ik heb ook altijd wel de a en a:hover ergens gedefinieerd dus het was nog nooit opgevallen.

Jah, hij is best sneaky

[crisp]

* crisp was altijd in de veronderstelling dat IE het gewoon niet ondersteunde...