NEWS
Web Craft Notes

WEBデザイン制作時Firefoxの色味が違う時の対処法(HTML/CSS)

Firefoxで色味が違う

↑のように、Firefoxでは、「左」が画像「右」がCSSで背景色を指定した際の色味の違いが明確に出てしまいます。(Chrome、IEでは色味の違いは特になさそう)

CSSで指定している背景色はPhotoshopでデザインしていた際の色を指定しています。

Photoshopでの色check
CSSソース(色指定)

簡単に解決する方法はこちら↓

画像の切り出し
CSSで背景画像を出力

左の画像部分だけではなく、右側の無地の背景部分を画像スライスして書き出してCSSで背景画像として出力します。
左・右のどちらも画像を出力して表示することで色味を合わせられます!

※まぁ一枚の背景画像として書き出せばこういう問題は起きないですが・・・

ContactWEB制作のお見積り・お問合せ

お見積りやご不明な点、ご質問等などお気軽にお尋ねください。

[スケジュール空き有り]
ご依頼・お見積り受付中です!

タイトルとURLをコピーしました