Ciężar czcionki zmian tekstu w ustalonym elemencie div, gdy przewija on mapę flash lub jquery google, dlaczego i co z tym zrobić?

Question

Jakiś czas temu zrobiłem stałe div jako menu nawigacyjne dla strony. Zauważyłem, że grubość czcionki zmniejszyła się, gdy przewijał się film flash vimeo.

Teraz widzę ją ponownie w innym menu, ale tym razem podczas przewijania nad jquery google mapy: http://jorenfrielink.com/beta/

Jak widać font-weight przycisk MENU maleje, gdy nakłada mapę. Jak dotąd zauważyłem to w chromie i safari.

Czy jest to powszechny problem i co można z tym zrobić?

Answer 1

Spróbuj poprawkę:

opacity: 99;

na tekście.

Jeśli to naprawi, twój problem będzie wynikał ze sposobu renderowania czcionek przez system OSX. Został zoptymalizowany pod kątem ciemnego tekstu na jasnym tle, więc po odwróceniu występuje dziwny odważny efekt. Ta sztuczka krycia to obejście, które sprawia, że ​​jest ona wyświetlana w standardowy sposób, nawet jeśli jest ciemna.

Answer 2

Coś jest przyczyną zmiany wygładzania czcionek, co może spowodować takie animacje lub przekształcenia css3. Spróbuj dodać ten tekst do nawigacji:

-webkit-font-smoothing: subpixel-antialiased; 

Answer 3

Jak wspomniano Joren: -webkit-font-wygładzanie: antyaliasing;

To działało w przeglądarce Chrome + Safari