CSS-Gradient erscheint nicht

Question

was ist los mit: Ich möchte einen Gradienten in den Hintergrund der Web-iste.

$ (Körper) .css ({'Hintergrund': '-moz-linear-gradient (Mitte unten, rgb (255,255,255) 0%, rgb (241,250,254) 100%)'});

im mit dieser Bibliothek: ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js

Answer 1

Hier sind einige Hinweise:

• Sie haben vergessen zu Selektor-Surround-Körper mit Zitaten:

  $('body') 
  

• Sie verwenden 'linear-Gradienten' mit -moz- Herstellerpräfix (Mozilla). Anbieter fügen Präfixe zu experimentellen oder nicht standardmäßigen CSS-Eigenschaften hinzu. Moderne Browser benötigen diese Präfixe nicht, wenn sie Gradienten verwenden, und Sie sollten sie nur verwenden, um ältere Versionen zu unterstützen.

• Das erste Argument wird verwendet, um den Gradienten Richtung zu beschreiben: es kann ein Winkel sein, z.B. 45deg oder Worte: ‚nach links‘, ‚nach rechts‘, , ‚nach oben‘ ‚nach unten‘ oder eine Kombination für die diagonalen Gradienten, z.B. 'nach unten rechts'. Der Standardwert ist 'nach unten'.

Werfen Sie einen Blick auf das Snippet.

$('body').css({ 
 
    'background': 'linear-gradient(to right, rgb(255,255,255) 0%,rgb(241,250,254) 100%)' 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<p>From white to very light blue.</p>

Answer 2

Nun, es stellt sich heraus, viel einfacher zu sein, indem einfach

background: linear-gradient(to bottom, skyblue 0%, blue 100%)