Phonegap應用程序在Samsung Galaxy S3上有渲染問題

Question

我有一個腳本，其陰影創建於元素之後，通過使用帶有適當文件格式的背景圖像。圖像高20px，寬5px，從黑色（底部）到透明（頂部）。

它可以在所有設備上正常工作，但是在三星Galaxy S3上創建的陰影頂部邊框處有可見的1px厚灰線。它消失了，當我按下屏幕一秒鐘，並且縮放圖形上的抗鋸齒消失時。正常點擊後，它回來。

它看起來像在重新繪製和縮放所有圖形後，渲染引擎正在離開那條線。有沒有人遇到過這樣的問題？

下面是設備運行應用程序屏幕截圖的一部分。 http://i.imgur.com/eMglrfr.png

我會欣賞所有可能的解決方案。謝謝

Answer 1

如果任何人遇到這樣的問題，看起來像也可以出現在HTC Desire HD和可能在其他設備上，這是我如何設法解決它。

我已經將背景位置向上移動1px，並將陰影位置向下（從底部100％降至頂部：-19px）降低1px。使用這些設置，背景圖像將從頂部切割爲1px，並且不會呈現「自動」邊框。

footer:after { 
    background: url("../img/shadowup.png") repeat-x scroll 0 -1px rgba(0, 0, 0, 0); 
    top:-19px; 
    content: ""; 
    height:20px; 
    width:100%; 
    left: 0; 
    position: absolute; 
}