![](https://web-k-creation.com/information/wp-content/uploads/2019/03/firefox-1024x330.png)
↑のように、Firefoxでは、「左」が画像「右」がCSSで背景色を指定した際の色味の違いが明確に出てしまいます。(Chrome、IEでは色味の違いは特になさそう)
CSSで指定している背景色はPhotoshopでデザインしていた際の色を指定しています。
![](https://web-k-creation.com/information/wp-content/uploads/2019/03/SnapCrab_NoName_2019-3-6_11-3-59_No-00.png)
![](https://web-k-creation.com/information/wp-content/uploads/2019/03/SnapCrab_NoName_2019-3-6_11-6-19_No-00.png)
簡単に解決する方法はこちら↓
![](https://web-k-creation.com/information/wp-content/uploads/2019/03/point-1024x323.png)
![](https://web-k-creation.com/information/wp-content/uploads/2019/03/SnapCrab_NoName_2019-3-6_11-6-38_No-00.png)
左の画像部分だけではなく、右側の無地の背景部分を画像スライスして書き出してCSSで背景画像として出力します。
左・右のどちらも画像を出力して表示することで色味を合わせられます!
![](https://web-k-creation.com/information/wp-content/uploads/2019/03/SnapCrab_NoName_2019-3-6_11-3-16_No-00-1024x323.png)
※まぁ一枚の背景画像として書き出せばこういう問題は起きないですが・・・