CSSの背景の添付ファイルとフォント

私は自分の背景に本当に奇妙な問題があります。
CSSで背景アタッチメントを固定に変更すると、何かの理由で私のメニューのフォントが小さくなってしまいます。私がそれをスクロールまたはローカルに変更したとき、それは想定されたサイズに戻ります。理由は何ですか?

編集

OPの例を提供する:

この問題はSafari(Chromeは大丈夫です)と特定のマシン(MacBook
Proの15インチでは非網膜ディスプレイでは再生できますが、iMacや網膜ディスプレイマシンでは再生できない)でのみ発生します。
OSX:10.8.5,10.9.1 Safariのバージョン:6.1.1、7.0.1。

残念ながら、iframe内では発生しないため、jsfiddleでこの問題を再現することはできません(iframeの内容はブラウザのバグIMHOを強く示唆しています)。

ここでは、ローカルで見ることのできるサンプルHTMLを示します。

<html>
    <body style="background-image: url(http://static4.depositphotos.com/1000419/321/v/950/depositphotos_3210195-Art-tree-beautiful-black-silhouette.jpg); background-attachment: fixed;">
    
some fun text

</body> </html>

インスペクタでbodyタグを選択し、 background-attachment
ルールを切り替えます。あなたが見るものは、フォントが少し(薄く/太く)変化するということです。

私は、どのくらい問題があるのか​​、どのマシンが影響を受けているのかを知りたいので、最終的に問題のあるAppleの開発者に届きます。:)

更新

楽しい事実:回避策として、 -webkit-transform:translateZ(0);
を使用することができます。 なぜそれは私が知らないの作品…

ベストアンサー

Safariにも同様の問題があり、これで間違いなく解決されました。

-webkit-font-smoothing: subpixel-antialiased;

-webkit-transform:translateZ(0);
は必ずしも有用ではありませんでした。

コメントする

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です