XDK HTML5 App의 CSS Gradient 호환성 문제

Question

XDK의 HTML5 앱에서 그라디언트를 사용하기위한 CSS 코드가 있습니다. 내가 XLint 내 CSS 코드를 디버깅 그러나 때, 그것은 선형 구배가있는 응용 프로그램과 호환되지 않습니다 말한다 : 안드로이드 (2.3,4.0,4.1,4.2,4.3) IOS 6.0

background:linear-gradient(rgb(59, 89, 152), rgb(109, 132, 180)) repeat scroll 0% 0% rgb(238, 238, 238); 

나는 CSS를 사용하는 방법 그라디언트는 Android 및 IOS의 모든 버전과 호환 될 수 있습니까?

Answer 1

내가 이해 한 바에 따르면 caniuse에서 IOS 6 및 Android 4에서 선형 그래디언트를 사용할 수 있어야합니다. 단 하나의 경고가있는 경우, 그 앞에 -webkit-을 추가해야합니다. 즉, CSS 파일에 배경 대신 두 줄을 사용하십시오.

background: -webkit-linear-gradient(rgb(59, 89, 152), rgb(109, 132, 180)) repeat scroll 0% 0% rgb(238, 238, 238); 
background: linear-gradient(rgb(59, 89, 152), rgb(109, 132, 180)) repeat scroll 0% 0% rgb(238, 238, 238); 

Android 2.3은 '부분적'지원을 표시하므로 제대로 작동하지 않거나 문제가 발생할 수 있습니다. 내 추측으로는 직선적 인 선형 그래디언트 일 가능성이 높습니다.

또한 과거의 어느 시점에서 그래디언트 표준이 유동적이었고 몇 가지 다른 접근법이 있었지만 다시 선형 그래디언트가 꽤 안정적 이었으므로 -webkit-을 붙이면 잘된 일입니다.

나는 이것을 안드로이드 나 IOS에서 직접 시도하지 않았지만, 읽어야 할 것으로부터 읽어야한다.