IOS Phonegap - 배경색의 텍스트가 이중 단어로 바뀝니다.

Question

내 iPhone phonegap 앱에서 텍스트가 배경색으로 표시 될 때마다 텍스트가 고스트 효과를 나타내는 것처럼 보입니다. 동일한 텍스트가 아래 2 ~ 3 픽셀 반복됩니다. 거의 그림자처럼 보이지만 텍스트와 정확히 같은 색으로 표시됩니다.

어떤 아이디어를 없애는 방법? 나는 어떤 종류의 -webkit 특정 스타일링을 적용한다고 추측하고 있지만 그것이 무엇인지를 찾을 수없는 것 같습니다.

다음은 왼쪽의 텍스트 'Web Deal'이 문제인 반면 오른쪽 텍스트는 괜찮습니다.

Answer 1

좋아,이 문제를 해결하기 위해 jquery mobile css에서 텍스트 그림자 속성을 선택했습니다. 모든 텍스트에 적용하는 것이지만 흰색이기 때문에 배경색이있는 텍스트에서만 볼 수 있습니다. 귀하의 도움을 주셔서 감사합니다

Answer 2

당신의 CSS를 게시하시기 바랍니다.

데스크톱의 Chrome 브라우저에서 앱을 열 수있는 경우 요소 검사를 시도하면 텍스트에 적용된 스타일을 찾을 수 있습니다.

Answer 3

CSS를 제공하지 않으므로 텍스트가 굵게 렌더링되었다고 가정합니다. 모바일 Safari 또는 WebView에서 굵은 글꼴을 렌더링하면 버그가 발생하여 별난 효과가 발생합니다.

대신 텍스트 섀도우를 사용해보세요.

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