Supportnet / Forum / Webseiten/HTML
CSS Browserkompatibilität
Frage
hallo.
ich fange gerade an css zu lernen und habe gleich zu anfang ein problem mit den browsern.
ich wollte eine <h2>-überschrift gelb mit rotem hintergrund aufleuchten lassen wenn man mit der maus drüber fährt und habe dazu folgendes in den <head> geschrieben:
<style>
h2:hover { color: #FFF000;
background-color: #FF0000; }
</style>
das ganze funktioniert allerdings nur im mozilla und im netscape
im IE und t-online browser nicht!
weiß jemand woran das liegt?
vielen dank martin
Antwort 1 von rabies
Der IE kennt die Pseudo-Klasse :hover nur bei Links... die anderen genannten Browser können diese Pseudoklasse jedoch auf fast jeglisches Element anwenden.
Der T-Online Browser basiert auf dem Internet Explorer - von daher ist das kein Wunder, dass der das auch nicht kann.
Eine Alternative wäre hier, innerhalb des h2-Tags einen Link zu setzen, diesem die Eigenschaft display: block; mitzugeben und dann darauf die Pseudoklasse :hover zu setzen, oder aber mit JavaScript zu arbeiten.
--rabies.
Der T-Online Browser basiert auf dem Internet Explorer - von daher ist das kein Wunder, dass der das auch nicht kann.
Eine Alternative wäre hier, innerhalb des h2-Tags einen Link zu setzen, diesem die Eigenschaft display: block; mitzugeben und dann darauf die Pseudoklasse :hover zu setzen, oder aber mit JavaScript zu arbeiten.
--rabies.
Antwort 2 von sadfasdfasdf
Zitat:
:focus und :hover gelten auch für andere Elemente als Verweise. Wenn Sie beispielsweise für h1:focus CSS-Eigenschaften definieren und dann mit der Maus auf eine h1-Überschrift klicken, nimmt diese, solange die Maustaste gedrückt wird die definierten Eigenschaften an. Im Internet Explorer funktioniert dies jedoch nicht.
:focus und :hover gelten auch für andere Elemente als Verweise. Wenn Sie beispielsweise für h1:focus CSS-Eigenschaften definieren und dann mit der Maus auf eine h1-Überschrift klicken, nimmt diese, solange die Maustaste gedrückt wird die definierten Eigenschaften an. Im Internet Explorer funktioniert dies jedoch nicht.
sagt selfhtml
Antwort 3 von rfb
Auf den Seiten von CSS4you findest du zu den verschiedenen CSS-Eigenschaften jeweils übersichtliche Kompatibilitätstabellen.
Ich hoffe der IE7 unterstützt endlich CSS2 in halbwegs brauchbarem Umfang, die Layout-Beschränkungen durch den veralteten IE6 sind langsam nicht mehr hinnehmbar.
Ich hoffe der IE7 unterstützt endlich CSS2 in halbwegs brauchbarem Umfang, die Layout-Beschränkungen durch den veralteten IE6 sind langsam nicht mehr hinnehmbar.
Antwort 4 von web1
Es reicht wenn du deine Website mit Firefox, Opera und Microsoft Internet Explorer 6 (Version 7 ist noch Beta und deshalb lange noch nicht weit verbreitet genug). Der Netscape nutzt Gecko, also die Anzeige Engine die Firefox verwendet. T-Online benutzt die Engine des Internet Explorers.
Antwort 5 von rfb
@web1:
kommt auf die vermeintliche Zielgruppe an - für Linux-Fan-Seiten solltest du auch entsprechende Browser testen.
Und ein Blick mit Lynx auf die Seiten verschafft immer einen guten Einblick in strukturelle Schwächen (die sich auch durch schlechteres Ranking bei google & Co rächen)
kommt auf die vermeintliche Zielgruppe an - für Linux-Fan-Seiten solltest du auch entsprechende Browser testen.
Und ein Blick mit Lynx auf die Seiten verschafft immer einen guten Einblick in strukturelle Schwächen (die sich auch durch schlechteres Ranking bei google & Co rächen)
Antwort 6 von web1
Da ist ja nur noch Konqueror und Safari, nur wird er die sicher nicht haben. Wenn es mit Firefox und Opera klappt, zeigt es ganz wahrscheinlich auch Konqueror und Safari korrekt an.
Antwort 7 von rfb
Zitat:
zeigt es ganz wahrscheinlich auch Konqueror und Safari korrekt an
nee, das stimmt - wie ich aus eigener Erfahrung weiß - leider nicht.zeigt es ganz wahrscheinlich auch Konqueror und Safari korrekt an
Konqueror hat zum Beispiel bei automatischen Inhalten eine sehr eigenwillige Interpretation.
Zitat:
Konqueror und Safari, nur wird er die sicher nicht haben
dann wirds für ihn höchste Zeit, sich Knoppix zu ziehen und einfach mal kurz zu schauen wie seine Seite in der Linux-Welt aussieht.Konqueror und Safari, nur wird er die sicher nicht haben