Hover funktioniert nicht im IE
Michael
- css
hallo leute,
ich habe eine einfache hoverfunktion für links. leider funzt es nicht im ie 8.0.
hier mein css:
a.nav1:link {
font-family: "Trebuchet MS", Arial, Geneva, Verdana, sans-serif;
font-size: 13px;
color:#666666;
text-decoration:none;
font-size: 13px;
background-color: #ffffff;
display:block;
padding-top:6px;
padding-bottom:6px;
text-align: left;
text-indent: 25px;
background-image: url(images/pfeil_blau.gif);
background-repeat: no-repeat;
background-position: 10px center;
}
a.nav1:hover {
font-family: "Trebuchet MS", Arial, Geneva, Verdana, sans-serif;
font-size: 13px;
color:#333333;
text-decoration:none;
font-size: 13px;
background-color: #d6d6b5;
display:block;
padding-top:6px;
padding-bottom:6px;
text-align: left;
text-indent: 25px;
background-image: url(images/pfeil_blau.gif);
background-repeat: no-repeat;
background-position: 10px center;
}
~~~ .
und hier mein html:
`<a href="#" class="nav1">Kontakt</a>`{:.language-html}
ich kann den hovereffekt leider nicht auf den div legen, in dem der link sit, da es noch unterlinks gibt, die eine anderen formatierung bekommen.
ich habe folgendes gelesen: "der ie kann die pseudo-class :hover nur bei links anwenden...."
und genau das habe ich doch gemacht, daher verstehe ich das nicht.
weiß jemand einen rat..?
gruß Michael
Om nah hoo pez nyeetz, Michael!
Es sollen sich lediglich die Farben ändern?
Deshalb musst du nicht alles wiederholen.
Es reicht ...:hover{color ... background-color...}
Die Pseudoklasse :link selektiert nur die unbesuchten Links, vielleicht experimentierst du mit einem schon besuchten.
Gern übersehen: der Browser-Cache
Matthias
Habe ich gerändert:
Es reicht ...:hover{color ... background-color...}
Die Pseudoklasse :link selektiert nur die unbesuchten Links, vielleicht experimentierst du mit einem schon besuchten.
Habe ich auch getestet:
Gern übersehen: der Browser-Cache
Funktioniert leider immer noch nicht...
gruß Mike
Hi,
Funktioniert leider immer noch nicht...
Du machst irgendeinen nicht durch die von Dir genannten Informationen ersichtlichen Fehler. Bitte verlinke die minimierte Testseite.
Cheatah
hallo,
hab jetzt was neues herausgefunden. wenn ich die seite im ie 8 öffne fragt er wegen diesem style:
.shadow {
-moz-box-shadow: 3px 3px 5px #000;
-webkit-box-shadow: 3px 3px 5px #000;
box-shadow: 3px 3px 5px #000;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#000000')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#000000');
}
nach der Ausführung von active-x elementen. bis dahin geht der hover-style, aber sobald ich die active-x elemente zulasse bzw. bestätige (damit man den schatten sieht), danach geht es nicht mehr.
das ist doch komisch oder ?
jemand ne idee ?
gruß michael
Hi,
das ist doch komisch oder ?
Vor dem Satzzeichen einen Leerschlag zu lassen?
Ja, das ist komisch, und nur was für Froschfresser :-)
jemand ne idee ?
Die Filter des IE bringen alle möglichen Probleme mit sich.
Verzichte darauf.
Wenn du unbedingt den Schatten auch im IE haben willst - setze ihn irgendwie anders um. (Zusätzliche Elemente können die Div-Suppe, die du da gekocht hast, ja nun auch nicht mehr versalzen.)
MfG ChrisB