質問: ### 前提・実現したいこと html,css初心者です。 ローカルでは正常に表示されているのに、サーバーにアップロードしてchrome(ネット上で)開くと一部のcssが反映されません。 正常に表示させたいです。 ### 発生している問題 ネット上でchromeで開いたときのみ、一部のcssが反映されません。 具体的には、hover時のopacityと、opacityを使った画像の切り替えが反映されません。 その他cssは正常に反映されています。 また、ローカル環境のchromeでは表示されます。 サーバーにアップロードしたネット上であっても、IEでは正常に表示されます。 ### 補足情報 原因がわからず困っています。 わかりにくい説明で申し訳ありませんが、解決策、または原因と思われるものを教えていただけると助かります。 よろしくお願い致します。
回答: 考えられる原因は2つですね。 1つはアップロードされていない。 サーバー上で変更されているか確認してください。ファイル転送ソフトにより時間がずれているなどが原因で上書きされていない可能性があります。 2つめはキャッシュが残っている windows-chromeならばページを開いて 1. F12を押し「Developer Tool」を表示 2. 「Developer Tool」を表示を表示した状態でF1を押し「Settings」を表示 3. NetworkのDisable cache (while DevTools is open)にチェックを入れる 4. ページの再ロード で行けると思います。 !キャッシュ削除