同じバージョンの Safari と OSX を使用していても、一部の Mac の Safari 6 でのみ発生する奇妙な問題があります。
問題は、3 つの png がボタンとして表示されていることです。それらはすべて css 背景画像であり、Photoshop の Web 用保存機能によって同じファイルから同時に同じ設定でエクスポートされています。しかし、それでもSafariは、pngの上に奇妙な無地の色を表示する必要があると判断しました。ブラウザでズームインすると、問題が（部分的に）消えることがあります。PC の Chrome、Firefox、IE、および Mac の Chrome と Firefox は正常に画像を表示します。以下はpngのスクリーンショットです。
誰もこの問題を見たことがありますか？それは Safari の単なるバグですか、それとも何らかの説明がありますか? ガンマ補正またはカラー プロファイルに問題があるかどうかは理解できますが、それが 2 つの類似した画像ファイルに影響を与えたり、少なくとも同じように影響したりして、違いを見つけることができないようにするべきではありません。
コードとエラーを確認できる Fiddle を作成しました (Mac の表示がおかしい場合)。
.backbutton {
float: left;
margin-top: 20px;
}
.left {
display: block;
float: left;
background: url(http://daanolislagers.nl/btn-arrow-left.png) no-repeat 0 0px;
width: 17px;
height: 30px;
}
.middle {
display: block;
float: left;
background: url(http://daanolislagers.nl/btn-middle.png) repeat-x;
height: 23px;
font-size: 14px;
padding-top: 9px;
padding-left: 3px;
padding-right: 4px;
font-weight: normal;
color: inherit;
min-width: 190px;
text-transform: uppercase;
}
.middle {
min-width: 47px;
}
.right {
display: block;
float: left;
background: url(http://www.daanolislagers.nl/btn-right.png) no-repeat;
width: 3px;
height: 30px;
}
乾杯！