gradient-hintergrund funktioniert nicht in Chrome mit -webkit-gradient

Grüße alle,

Ich bin mit einem Farbverlauf im hintergrund mit -webkit-gradient. Es funktioniert nicht in Chrome 8.0.552.224 auf Windows 7, aber ich könnte schwören, es war vor kurzem die arbeiten an Chrome-OS X. Es ist Montag, also vielleicht fehlt mir etwas offensichtlich, aber wenn das so ist kann ich nicht herausfinden. Ich würde schätzen, Ihre einen Blick. Der Beispiel-code hier funktioniert auf Firefox, aber nicht anzeigen einen Verlauf in Chrome:

Dank,
-Northk

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Gradient test </title>
    <style>
        .main-header
        {
            padding-top: 50px;
            min-height: 50px;
            background: -webkit-gradient(linear, 0%, 0%, 0%, 100%, from(#fff), to(#000));
            background: -moz-linear-gradient(top, #fff, #000);
            border: 1px solid #000;
        }
    </style>
</head>
<body>
    <div class="main-header">
        THIS WORKS ON FIREFOX BUT DOESN'T WORK ON CHROME-WINDOWS 7!
    </div>
</body>
</html>

InformationsquelleAutor North Krimsly | 2010-12-20

  1. 3

    Scheint, ich hab einfach die syntax falsch. Hier ist, wie es sein sollte:

       background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#000));
    Ich hatte ein ähnliches problem mit -webkit-gradient(linear, bottom, left 175px, from(#CCCCCC), to(#EEEEEE)) . Behoben Dank deinem post

    InformationsquelleAutor North Krimsly

  2. 2

    Bewusst sein, in Chrome 16.0.912.75 m hat noch einen kleinen CSS-bug/Problem beim Parsen Stil:

    background:-webkit-linear-gradient  (top,gray 0,#A0A0A0 100%);

    Wird das nicht funktionieren, weil der Leerzeichen zwischen -webkit-linear-gradient und start-Halterung.
    Löschen zusätzliche Leerzeichen wird die Frage zu lösen, sowie minifying CSSs.

    InformationsquelleAutor OSP

  3. 1

    Versuchen, diese

    background: -webkit-linear-gradient(#DDDDDD, #ffffff);
    Danke Woki für mich

    InformationsquelleAutor Arthas

Schreibe einen Kommentar