Linearer Verlauf und URL-Bild für Browser Mobile?

8

Ich hätte gerne ein Bild als Hintergrund und auch einen linearen CSS Gradienten:

%Vor%

Ich habe keine Probleme mit dem Desktop-Browser (Firefox 44.x; IE 10; Chrome; Safari), funktioniert aber nicht mit dem mobilen Browser (ich habe mit meinem iPhone 5 getestet, (9.x) mit Safari, App Firefox, App Chrome).

Ich benutze das:

%Vor%

Was ist das Problem?

Vielen Dank und Entschuldigung für mein Englisch:)

    
Borja 03.03.2016, 16:52
quelle

2 Antworten

3

In den frühen Tagen des multiplen Hintergrunds von CSS3 war das Problem, dass der Farbverlauf an die Stelle des Hintergrund-Imgs tritt, aber die Dinge werden gelöst und auf mozilla-developer finden Sie ein Beispiel wie Ihre Idee, die gut funktioniert, auch mobil.
Ihr CSS sieht gut aus, obwohl Sie es durch autoprefixr ausführen könnten, um die Präfixe aktualisiert zu bekommen.
Und bevor Sie über die Möglichkeit nachdenken, dass vielleicht eines der Präfixe Ihr Display stört, überprüfen Sie zunächst mit Ihrem Telefon das funktionierende Beispiel (und natürlich das CSS) und legen Hintergrund-Repeat und Background-Position für das Hintergrundbild fest.

    
E.C.Pabon 05.03.2016, 20:59
quelle
1

Überprüfen Sie den jsfiddle Link. In meinem Beispiel wurde der nicht vorangestellte lineare Gradient auf die letzte Syntax korrigiert: (in diesem Fall mit 'to ...' für die Richtung)

%Vor%

Ссылка

detailliertere Informationen: Ссылка .

    
Norberto Hdez 09.03.2016 01:14
quelle