透明像素在PC和iPhone上渲染不同

-6

在PC上看起來像預期的那樣，在iPhone上它看起來更黑。

div { 
    background-image: url('/images/pixel-white.png'); 
}

瀏覽器：

PC - Chrome版本22.0.1229.96米

iPhone - 21.0.1180.82

像素： PNG-24 /透明度層：RGB 255 255 255，透明度60％

問：如何讓這個像素在PC，iPhone和所有其他瀏覽器上看起來相同？

增加：

enter image description here

2012-10-27 Alex G

你是什麼意思，「黑暗？」透明像素背後是什麼？ –

只是爲了記錄，這不是「更黑暗」，而是「更透明」。 –

透明度計算取決於顯示設置。請將這兩種不同顯示的設置添加到您的問題中，以便更清楚地說明導致問題的原因。 – hakre

爲了實現與所有瀏覽器（IE6 +）100％的兼容性，我使用建議從以下職位：

即使上面的主題是專門爲移動版Safari瀏覽器只 - 我確認將透明像素設置爲寬度/高度超過1px的做法正在解決所有主流瀏覽器（IE6 +）的外觀不一致的問題。

換句話說，根據PNG的RFC：http://www.ietf.org/rfc/rfc2083.txt，您的透明像素至少需要2像素寬/高，以符合所有瀏覽器的預期。

2012-12-27 16:09:46

應該有你不只是用一個非常特殊的原因：

background: rgba(255,255,255,0.6);

或類似的東西。

（這不是一個註釋，使用rgba。）

2012-10-27 14:05:32

如何使這個像素看起來相同的PC和iPhone？

你不行。它不僅取決於瀏覽器，還取決於操作系統和顯示設備，以及用戶使用設備的配置方式。

這些是你無法從圖像或服務器端控制的東西，尤其是當你試圖在這裏比較不同的計算機系統時。

2012-10-27 14:14:38 hakre

iPhone的用戶如何配置他的顯示器？ –

由於PC用戶可以做到這一點，它也不取決於iPhone用戶是否也可以做到這一點。但我確定她可以。也只有你不喜歡答案，沒有理由降低它。也許你應該讓自己更加適應數字彩色*模型*。 – hakre

我們假設，PC和iPhone的所有顯示設置都是默認設置。 –

回答