IOS Phonegap - 背景颜色上的文字变得双重措辞

时间:2012-11-21 15:49:19

标签: ios css cordova webkit

在我的iphone phonegap应用程序中,每当我在背景颜色上显示文本时,文本似乎都会产生重影效果,同样的文本会重复下方2或3个像素,几乎就像一个阴影但正好在下方和中与文字颜色相同。

任何想法如何摆脱这个?我猜它应用了某种-webkit特定的样式,但我似乎无法找到它是什么。

下面是正在发生的事情的图像,左边的文字,“网上交易”是问题,而右边的文字很好。

enter image description here

3 个答案:

答案 0 :(得分:1)

好的,我设法解决了这个问题,它正在从jquery mobile css中获取一个text-shadow属性。它将它应用于所有文本,但因为它的白色仅在具有背景颜色的文本上可见。谢谢你的帮助

答案 1 :(得分:0)

请发布你的CSS。

如果您能够在桌面上的Chrome浏览器上打开该应用,请尝试检查元素,然后您可以找到应用于该文本的样式。

答案 2 :(得分:0)

由于您没有提供任何CSS,我只是假设您的文字呈现为粗体。 在移动Safari或WebView中渲染粗体类型是错误的,并导致奇怪的效果。

尝试使用文字阴影。

.bold {
  //font-weight: bold;
  text-shadow: 0 0 0 2px white;
}