2012-04-15 5 views
0

Ich habe ein Problem mit meiner Telefonbuch-Web-App. Besuchen Sie diese Demo und Sie werden verstehen:Falscher Schwebeflugbereich mit @ font-face?

http://what-the-fun.com/lab/

Der Hover-Bereich erstreckt sich über die Oberseite jeder Taste, dh Sie können nicht einfach auf eine Schaltfläche klicken, die über eine andere Taste positioniert ist. Schalten Sie die Schriftfamilie ("EttypoRegular") in der "icon" -Klasse aus, um zu sehen, was das Problem meiner Meinung nach verursacht.

Wie kann ich dieses Problem lösen? Jeder Vorschlag wird geschätzt!

+1

Übrigens möchten Sie möglicherweise einen Fallback-Hintergrund hinzufügen, falls ein Browser keine lineare Steigung unterstützt. Oder ist nicht Gecko basiert. – Hawken

Antwort

3

Hinzufügen overflow:hidden zu .icon sollte es beheben.

+0

Ich habe das mehrere Tage lang nicht geschafft. Danke, das ist unglaublich! –