質問

同じhtmlページの画像の色とCSSの背景色を一致させる問題があります。何が得られますか?

役に立ちましたか?

解決

PNG画像を使用していると思いますか?これはガンマ補正“機能”です。 Mark Ransomが有用なテキストを投稿しましたこれ。

pngcrush ソリューションがどこかにリストされていることに注意してください。

他のヒント

使用している画像編集プログラムは何ですか? Photoshopカラープロファイルに関するこの記事を見つけました。 PNGガンマ補正にも問題がある可能性があります。

ブラウザの色管理が原因である可能性があります。

カラープロファイルの問題である可能性があります。

たとえば、画像がJPEGであり、カラープロファイルがあり、ブラウザが指定したカラープロファイルでの画像の表示をサポートしていない場合、画像自体の色はブラウザで異なってレンダリングされます。この場合、Photoshop(カラープロファイル対応)で画像の色を確認し、その色をCSSに適用し、カラープロファイル対応でないブラウザでページを表示すると、外観が異なります。

3つの可能性が思い浮かびます:

  • モニタの色深度が16ビットではなく32ビットまたは24ビットに設定されていることを確認します
  • 画像にパレット(Webセーフパレットなど)が割り当てられていないことを確認します。これは、.gifまたは8ビットの.png画像の場合です。
  • IEでの.pngガンマ補正の問題を確認-詳細については他の投稿を参照

私が遠い過去に使用した回避策は、HTMLで設定するのではなく、小さな画像を繰り返して背景色を設定することです。この種のトリックは、Webセーフパレットなどの時代には有用でしたが、現在ではあまり有用ではありません。

おそらくあなたがテストしているブラウザ、私は6で多くの問題を抱えています。

ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top