Wie Sie den Gradienten hintergrund in der website, die füllt die ganze Seite

möchte ich den Farbverlauf als hintergrund Bild wie dieses

Wie Sie den Gradienten hintergrund in der website, die füllt die ganze Seite

wie kann ich erreichen, dass

BEARBEITEN:
Ich möchte Strecken Sie nach unten , aber wenn ich es wiederholen, dann sehe ich die Obere Leiste zu gewinnen , ich will, dass dunklen Teil bleibt im unteren und mittleren Teil erweitert

Welches problem haben Sie? Was haben Sie versucht?
Ich möchte Strecken Sie nach unten , aber wenn ich es wiederholen, dann sehe ich die Obere Leiste zu gewinnen , ich will, dass dunklen Teil bleibt im unteren und mittleren Teil erweitert

InformationsquelleAutor Mirage | 2011-07-19

  1. 4

    Wenn Sie wirklich-wirklich brauchen, um zu erreichen, das mit hintergrund Bild, hier ist ein Beispiel.
    Natürlich ist es nicht überall arbeiten — Sie brauchen, JS-polyfill für browser, die keine Unterstützung background-size Eigenschaft glücklich. Ich würde empfehlen,jQuery Backstretch.

    Aber, was Sie wirklich wollen, zu tun (hoffe ich zumindest) ist, um es so flexibel wie möglich und so sollten Sie auch einen Blick auf diese oder diese CSS-Farbverläufe tutorial statt des Bildes. Und, natürlich, Sie können verwenden Sie eine der CSS-Gradienten generator wie:

    Dank splitter , die ich mag, aber die Qualität der hintergrund-Bild zeigt sehr schlimm , wie kann ich die Qualität steigern
    wenn die Qualität des Bildes ist nicht gut, dies könnte bedeuten, Sie sind auf WindowsXP und mit IE7 oder IE6. Um dieses Problem zu lösen mit dieser Kombination müssen Sie möglicherweise werfen Sie einen Blick auf MSIE proprietären AlphaImageLoader Verhalten.
    Ich bin mit window7 , ich denke, dass ich brauchen, um das neue Bild in hoher Auflösung. Kann ich von web

    InformationsquelleAutor spliter

  3. 0

    Ich würde es mit einem div-element am oberen Rand der Seite, um Ihnen die 'bar' und verwenden Sie einen Verlauf-hintergrund-Bild, befestigt an dem Gehäuse in die css, ausgerichtet auf den Boden und wiederholen.

    body{
background:url(yoururl.png) repeat-x bottom;
}

    Für die 'bar', verwenden Sie den folgenden CSS-Code für die gleichen Stil-Effekt...

    .topbar{
position:relative;
top:0px;
left:0px;
height:30px; /* or whatever height you want */
}

    Gelten Ihre Farben und grenzt an die bar, aber Sie sehen, passen.

    InformationsquelleAutor Hysterix

Schreibe einen Kommentar