2016-09-20 5 views
0

私は最近、リンクを含むdivの束に問題が発生したウェブサイトを持っており、ページが読み込まれている間にウェブサイトの一番上に画像が点滅しています。奇妙なCSSの簡単な点滅divs/imagesの問題

参照:pelicancases.com

私はすでにしても画像のフラッシュの前にレンダリングされたこれらの画像を参照してくださいので、それは奇妙です。また、これは新しい出来事です。

これは、おそらくCSSアニメーションやCloudFlareのキャッシュ/最適化によるものでしょうか?

この問題を解決する方法についての推奨事項は非常に高く評価されます。

+0

ここに意味のあるコードと問題の説明を追加してください。修復が必要なサイト にリンクしないでください。そうしないと、 問題が解決されたり、リンク先のサイトにアクセスできない場合、この質問は将来の訪問者に価値を失います。 [最小、完全、および検証可能な例(MCVE)]を投稿すると()、より良い回答を得るのに役立ちます(http://stackoverflow.com/help/mcve)。詳細については、 [私のWebサイトの何かが動作しません。リンクを貼り付けることはできますか?](http://meta.stackexchange.com/questions/125997/) ありがとう! – j08691

+0

最初に気づいたのは、読み込み速度が遅いので、まだ読み込まれていない画像には代替テキストが表示されるということです。たとえば、クラス "img"(国旗)を持つimgは、imgサイズのために複数の行にある代替テキストを表示します。 もう1つは、altテキストが "ctl00_ctl00_NestedMaster_PageHeader_StoreHeader_H_StoreLogo1_Logo" imgのようにimgよりも小さい場合です。 私が気づいたもう一つのことは、あなたがカスタムフォント(FontAwesome)を使用していることです。イメージとして大きなdivを作成して入れる必要があります。 – MajeStic

答えて

0

WebPageTestを使用してページを検査すると、ブラウザに関するいくつかの問題が表示されます。

Chromeでテスト3つの404エラー https://www.webpagetest.org/result/160921_2N_1GQS/

http://www.pelicancases.com/android-chrome-192x192.png
http://www.pelicancases.com/favicon-96x96.png
http://www.pelicancases.com/favicon-194x194.png

があり、私はIE 11でテストした場合、私は、任意の404エラー
https://www.webpagetest.org/result/160921_TE_1H77/

に表示されませんトラブルシューティングCloudFlareキャッシングを無効にすることから始めます(ドメイン>概要>開発モード>有効)

次に、404sを修正してください。問題の原因ではないかもしれませんが、最初に削除する価値があります。

まだ点滅している場合は、ブラウザに関連するかどうかを試してみてください。

幸運を祈る!