3

WebKit は私を非常に悩ませ続けました。ページの読み込み時にtransition、初期値の browser-default 値から をアニメーション化します。私は次のようなものを持っていました

a:link {
    color: black;
    -webkit-transition: color 1s;
}

しかし、それはcolor: blue!からフェードインします。他のプロパティは FOUC の影響を受けませんでしたtransition。

残念ながら、再現するのは非常に難しく、どうにかして jsfiddle することができませんでした。私の（確かにエッジの）ケースは次のように設定されています：

  1. <script />「開発」バージョン:と<style type="text/less" />の束
  2. 製品バージョン: スクリプトとスタイルH5BP -スタイルの連結と縮小 (それぞれ最初のlessc編集)

FOUC は状況 2 でのみ表示され@importますが、いくつかのスタイルシートの を s でインライン化した後、それは停止しました@font-face。回避策ですが、

だから、これは読み込み時間/順序に何か関係があるに違いないと思いますか?
誰もこのようなことに遭遇したことがありますか？（そうではないと思います。）

少なくとも、いつの日か誰かがこの問題に遭遇し、これが役立つことに気付くでしょう。

4

1 に答える 1

0

私が推測しなければならないとしたら、それはあなたが色の前にトランジションを置いたからだと思います. そのようにすることで、リンクがデフォルトの色 (青) である間にトランジションを割り当て、(理論的には) 色を変更するように指示しました。

トランジションを最後に配置して、ブラウザのデフォルト値からトランジションしないようにしてください。

于 2013-08-01T20:36:06.463 に答える