background-image strecken

[huckle]

Hallo allerseits,

wie kann ich denn das background-image so strecken, dass es über den Bildschirm in der Höhe ganz ausfüllt, ohne sich zu widerholen?

für die Weite würde ja das selbe gelten.

 

[neuroleptika]

Mit background-image geht das nicht.
Du könntest ein img über 100% ziehen und den Inhalt mit position: absolute darüber legen.
html:

<img src="bild.jpg" width="100%" height="100%" />
<div id="alles">
<h1>Inhalt</h1>
</div>

css:

  html, body {
height: 100%;
margin: 0px;
padding: 0px;
}
#alles {
position: absolute;
top: 0px;
left: 0px;
}

Schön sehen solche gestreckten/gezerrten Bilder nicht aus.

 

[huckle]

danke, werde es mal ausprobieren.
es ist für eine Grafik die oben schattiert ist und unten nur weiß, von daher bekomme ich keine Probleme mit den Pixeln

 

[neuroleptika]

...es ist für eine Grafik die oben schattiert ist und unten nur weiß, von daher bekomme ich keine Probleme mit den Pixeln

Dann würde ich einen vertikalen Streifen zuschneiden und den horizontal wiederholen:

    background-image : url(bild.jpg);
    background-repeat : repeat-y;

 

[huckle]

vielen Dank, background-repeat : repeat-y; background-repeat : repeat-x war die optimale Lösung