Die Erhöhung der font-size der eine link mit :hover bewirkt, dass ein flimmern im Firefox. Warum?
In dieser Frage finden Sie hier: http://www.test.terribleobject.com/breathing-stillness/
Den Dritten link im Menü flackert, wenn moused über. Ich nehme an, es hat mit der Leitung zu tun zu brechen, weil dieser Menüpunkt ist so lange, aber ich kann nicht finden eine Lösung jetzt.
Das problem nicht offensichtlich in Chrom.
Ich bin mit einem Mac und den neuesten FF.
Hier ist der css:
.menu-item a {
background: none repeat scroll 0 0 #FEFEFE;
border: 1px solid #103A02;
border-radius: 5px 50px 5px 5px;
font-family: 'IM Fell English SC';
font-size: 1.3em;
padding: 0 20px 0 10px;
text-decoration: none;
text-transform: lowercase;
}
.menu-item a:hover {
background: #999;
color: #fefefe;
padding-left: 15px;
font-size: 1.4em;
}
Vielen Dank für Ihre Hilfe. Ich habe das Gefühl, die Antwort ist ziemlich offensichtlich.
- gah XD Sie halten, es zu ändern. XD können gehen Sie zurück zu, wo Sie hatte verschiedene breiten?
- sorry, ich wusste nicht, würden Sie alle Antworten so schnell!
Du musst angemeldet sein, um einen Kommentar abzugeben.
Die Menüpunkte sind nicht groß genug, um den text, wenn Sie die Maus.
Sollten Sie
width
der Menüpunktefont-size
ändern (sagen aus1.4em
zu1.35em
)margin
Sogar besser, sollten Sie Schrott, den
font-size
ändern und stattdessen ändern Sie diebackground-color
und die Farbe des Textes nur.Fyi, getestet habe ich diese in Chrome und es bricht das layout auch.
Das flackern ist fast sicher, kommt von der Tatsache, dass die verschiedenen Schriftgrößen trigger/untrigger die
:hover
Wirkung. Ich schlage vor, Sie ändern sich nicht, die Schriftgröße zu schweben, und zu bewegen, um eine mehr subtile Veränderung wie Kühnheit oder Farbe ändernÄndern Sie nicht die schriftart,-Größe, wenn hover die Farbe ändern statt. Das ganze Teil vergrößern, wenn die mouseover -