hover in firefox

[KasselJulian]

Hi,

auf W3 http://dev.w3.org/csswg/mediaqueries4/ steht, dass bei Verwendung von

@media (hover) { 	.menu > li        {display:inline-block;} 	.menu ul          {display:none; position:absolute;} 	.menu li:hover ul {display:block; list-style:none; padding:0;} 	/* ... */ }

hover durch eine 0 ersetzt wird, wenn die :hover-Funktionalität nicht unterstützt wird und durch 1 ersetzt wird, wenn doch.
Ich nutze das um hover-Effekte nur dann zu initialisieren, wenn sie auch unterstützt werden, da sonst bei iOS und Android Bugs entstehen.

Ich nutze Firefox V22 Windows 8 und "hover" wird in meinem Browser nicht durch eine 1 ersetzt, obwohl ich an einem Laptop natürlich hover unterstütze. Das ist also mein Problem: Auf meinem Laptop funktioniert dieser Media-Query nicht. Was tun?

 

[cythux]

AW: hover in firefox

Wieso nutzt die, @media (hover) ???

und poste bitte deinen HTML und css mit formatierung,
damit man dir besser helben kann

 

[KasselJulian]

AW: hover in firefox

Guck mal auf den Link den ich gepostet habe. Hierfür ist kein CSS o.Ä. notwendig um mein Problem zu beschreiben.
Das oben genannte Beispiel von W3 funktioniert unter Firefox V22 nicht

 

[randacek_pro]

AW: hover in firefox

Ja, aber dann lies noch mal was da steht, auf der Seite.

For accessibility reasons, even on devices that do support hovering, the UA may give a value of 0 to this media query, to opt into layouts that work well without hovering.

 

[KasselJulian]

AW: hover in firefox

Ja und woran machen die jetzt fest dass es durch 0 ersetzt wird? "For accessibility reasons" gibt mir keine Antwort

 

[randacek_pro]

AW: hover in firefox

So wie es dort steht, "entscheidet" der UA (User Agent, also der Browser), welchen Wert er rückmeldet.
Klingt für mich nach einer Option, auf die du im Grunde keinen Einfluss hast.

 

[KasselJulian]

AW: hover in firefox

Na super. Also im Klartext: Scheiß Methode! Gut zu wissen, dann werde ich wohl nach wie vor nach der Browserbreite differenzieren müssen (Mobile vs Desktop).

 

[randacek_pro]

AW: hover in firefox

So wie ich das hier noch lese, , meldet der Browser je nach (angeschlossenen) Zeige-/Eingabegeräten am System.

Hier http://www.quirksmode.org/css/tests/mediaqueries/hover.html kann man das auch noch mal testen, ob die Methode mit dem Browser und Gerät funktioniert.

Aber letztlich scheint es eben doch noch nicht ganz treffsicher zu sein. Probier es doch auch noch mal mit den UA-spezifischen Argumenten (-moz-hover, etc.)

 

[cythux]

AW: hover in firefox

so schreibt man mediaquerries für unterschiedliche geräte

http://www.onextrapixel.com/2012/04/23/responsive-web-design-layouts-and-media-queries/