Keine CSS-Hintergrundverläufe mit Cordova

-1

Irgendwie kann ich in meinem Cordova-Projekt keinen Hintergrundgradienten darstellen.Keine CSS-Hintergrundverläufe mit Cordova

background: #f5a953; 
background: -moz-linear-gradient(top, #f5a953 0%, #fde1b2 49%, #f5a953 100%); 
background: -webkit-linear-gradient(top, #f5a953 0%,#fde1b2 49%,#f5a953 100%); 
background: linear-gradient(to bottom, #f5a953 0%,#fde1b2 49%,#f5a953 100%);

Ruft mir einen leeren einfachen weißen Hintergrund auf meinem mobilen Gerät.

Die Änderung background zu background-image hat keine Auswirkung.

Die Änderung background zu background-color lässt zumindest den Hintergrund farbig werden. Aber immer noch keine Steigung. (Das ist wahrscheinlich der Effekt der ersten Zeile.)

Wie kann ich den Hintergrund eines Cordova-Projekts einen Farbverlauf anzeigen lassen?

EDIT:

Ich habe erstellt nun ein einfaches Testprojekt mit cordova create test und wechselte dann die CSS Hintergrund auf die folgenden:

background-color: #fde1b2; 
background-image: -moz-radial-gradient(center, ellipse cover, #fde1b2 0%, #f5a953 100%); 
background-image: -webkit-radial-gradient(center, ellipse cover, #fde1b2 0%,#f5a953 100%); 
background-image: radial-gradient(ellipse at center, #fde1b2 0%,#f5a953 100%); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fde1b2', endColorstr='#f5a953',GradientType=1);

chrome_desktop_view (korrekte)

chrome_mobile_view (korrekt)

galaxy_s6 Android 6.0.1 (falsch!)

Quelle

2016-11-18 Julisch

Mögliche Duplikat (http://stackoverflow.com/questions/ 10536876/css3-linear-gradient-nicht-working-on-android) –

http://stackoverflow.com/questions/9264640/css-android-web-app-color-gradient-issue--- http: // stackoverflow.com/questions/10536876/css3-linear-gradient-no t-working-on-android Bitte lies diese Antworten. –

Ich habe sie beide vor dem Stellen dieser Frage gefunden und ihre Lösungen haben keine Auswirkung auf mein Problem. Denke nicht, dass ich vorher nicht im Internet gesucht habe. – Julisch

löste ich das Problem, indem Sie die Hintergrundfarbverlauf auf einen div-Container zuweisen, anstatt des ganzen Körpers.

Es scheint, dass Chrome keine Hintergrundverläufe anzeigt, die dem Tag <body> zugeordnet sind.

Also habe ich ein einfaches Container-Div erstellt, für das Chrom bizarr den Hintergrund Farbverlauf zeigte.

HTML:

<body> 
    <div id="container"> 
     ... 
    </div> 
</body>

CSS: [. CSS3 linearen Gradienten nicht auf Android arbeitet]

body { 
    (nothing about the background) 
} 

div#container { 
    background-color: #fde1b2; 
    background-image: -moz-radial-gradient(center, ellipse cover, #fde1b2 0%, #f5a953 100%); 
    background-image: -webkit-radial-gradient(center, ellipse cover, #fde1b2 0%,#f5a953 100%); 
    background-image: radial-gradient(ellipse at center, #fde1b2 0%,#f5a953 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fde1b2', endColorstr='#f5a953',GradientType=1); 
}

Quelle

2016-11-21 14:24:37 Julisch

Keine CSS-Hintergrundverläufe mit Cordova

Antwort

Verwandte Themen