Question

我有一个带有阴影的页脚：在元素之后，通过使用背景图像和png格式的适当文件。图像高20px，宽5px，从黑色（底部）到透明（顶部）。

它在所有设备上都可见且正常工作，但在创建阴影顶部边界的三星Galaxy s3上，可见1px粗灰线。当我按下屏幕一秒钟并且缩放图形上的抗锯齿消失时，它会消失。正常点击后它会回来。

看起来在重绘和重新缩放所有图形后，渲染引擎正在离开该行。有没有人遇到这样的问题？

以下是设备运行应用的屏幕截图的一部分。 http://i.imgur.com/eMglrfr.png

我将感谢所有可能的解决方案。感谢

Answer 1

如果有人遇到过这样的问题，看起来也会出现在HTC Desire HD上，也可能出现在其他设备上，这就是我设法解决的问题。

我已将背景位置向上移动1px并将阴影位置向下降低1px（从底部100％降至顶部：-19px）。使用这些设置，背景图像从顶部剪切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;
}

Phonegap应用程序在Samsung Galaxy S3上存在渲染问题

1 个答案: