Pseudoklassen beim IE

[Scream]

Ich habe folgenden Code: input:focus
Leider wird er im IE 6 nicht verwendet. Kann der das noch nicht?
Denn ich habe öfters gelesen dass der 6er es auch können sollte...

[Sephiroth]

Nö kann er nicht. Der IE 7 glaube ich auch nicht.
Probier es doch mal mit :active - sonst bleibt nur onmouseover.

[ezzemm]

a:focus ist sozusagen das Mouseover mit der Tastatur und der IE kann das seit Version 3.0;
sagt zumindest selfHTML (http://de.selfhtml.org/css/formate/zentrale.htm#pseudoformate)

[Gast]

dass er a:focus kann heißt noch lange nicht dass er auch input:focus kann.
zumindest bis version 6 konnte der ie :hover ja auch nur auf links anwenden...

[Sephiroth]

a:focus ist sozusagen das Mouseover mit der Tastatur und der IE kann das seit Version 3.0;
sagt zumindest selfHTML (http://de.selfhtml.org/css/formate/zentrale.htm#pseudoformate)
http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm#link_visited_focus_hover_active
Im Internet Explorer bis einschließlich Version 6 funktioniert keine dieser allgemeingültigen Pseudoklassen und in Version 7 lediglich :hover.
probier mal das beispiel aus

[Scream]

ja hover tuts aber das bringt mir nichts
und javascript möchte ich nicht unbedingt verwenden

aber ist auch nicht weiter schlimm, dem IE usern fehlt ja eigentlich nichts und die anderen user werden kaum auf den IE "downgraden" ;)

[Violent_Storm]

Wenns ok ist, würd ich mich hier mal mit reinhängen, da ich ein ähnliches Problem mit Pseudoklassen und dem IE habe:
bei meiner Website sind auf fast allen Elementen hover-Effekte hinterlegt,
alle Bilder erhalten einen Rahmen, die Schrift wird fetter und größer...
leider funktioniert dies nur in Opera tadellos und mit FF gehts ein wenig, der IE macht hingegen gar nichts...
hier die Website (http://home.arcor.de/violentstorm/)

In der Index.html siehts wie folgt aus:

....
<div class="sprache">
<img class="deutsch hover" src="pic/flag_germany.png" width="30" height="22" alt="Deutsch" border="0">
***
<img class="englisch hover" src="pic/flag_united_kingdom.png" width="30" height="22" alt="english" border="0">
</div>


in der CSS Datei dann so:


div.sprache
{
position: absolute;
left:750px;
top:40px;
}

.hover:hover
{
border:2px;
border-color:#FFFF00;
border-style:ridge;
}

.texthover:hover
{
font-size:12px;
font-weight:bold;
}

[Sephiroth]

liegt bestimmt an position:absolute bei Firefox bzw. generell an position beim IE

[Violent_Storm]

? warum an der position? das leuchtet mir jetzt nicht ganz ein?

[Sephiroth]

Ich hab grad nochmal kurz rumgespielt und der wahre Grund ist wohl der, dass sich die DIVs überlagern - genauer gesagt wird ein großer Teil des DIVs mit den Flaggen vom DIV mit den 3 Autobildern überlagert. Da wo das Flaggen-DIV nicht überlagert wird (obere Rand) klappt es.