Homepage background strecken

Awesome · 7. April 2011

Hallo stagetwo forum.
Ich bin grade am verzweifeln, bekomme es nicht gebacken das der Background nicht gestreckt ist.
Das Bild soll in der Originalgröße zusehen sein.
Sprich wenn jemand eine auflösung von 640x640 hat soll er das Bild komplett sehen können, aber auch leute die eine Auflösung von 1420x1280 haben.

HTML

<html>
<head>
<style type="text/css">
body
{
background-image:url('bg.png');
background-repeat:repeat;
background-attachment:fixed;
}
</style>
</head>
<body>
<p>Test</p>
<br>
</body>
</html>

Alles anzeigen

KoKsPfLaNzE · 7. April 2011

hiho bin mir gerade nicht sicher ob ich es richtig verstanden habe aber du müsstest das repeat ab ändern in no-repeat. Hoffe konnte dir helfen=)

Kex · 7. April 2011

Soweit ich weiß geht das mit einem normalen bild nich. Das geht geht nur mit Bildern mit der endung .svg , die man z.B mit adobe illustrator erstellen kann. Das sind dann aber genau genommen schon keine Bilder mehr, sonder nur informationen was auf dem Bildschirm "gemalt" werden soll.

**ov3rk1ll** · 7. April 2011

Nein es geht nicht direkt.

Aber du kannst es mit einem Trick trotzdem machen.

PHP

<html>
<head>
<style type="text/css">
html{height:100%;overflow:hidden;}
body{background-color:transparent;margin:0px;padding:0px;height:100%;border-top:1px transparent solid;margin-top:-1px;z-index:0;position:relative;}
img#background{height:100%;width:100%;z-index:-1;position:absolute;color:white;}
</style>
</head>
<body>
<img id="background" src="images/background.jpg" alt="Background-image" />
... Dein Code ...

Alles anzeigen

Awesome · 7. April 2011

OV3RK1LL , danke schön

Klappt wunderbar & einen schönen Tag noch

Kann closed werden.

**AOL** · 7. April 2011

Auf Wunsch des Threaderstellers: CLOSED

MfG AOL

FragSalat · 7. April 2011

mal noch ne alternative zu overkills möglichkeit...
um grafische verluste zu vermeiden mache ich ab und an mal die bgs für entsprechende auflösungen und dann via css anpassen

man linkt ja ein stylesheet in die html/php quelldatei und da gibt es den parameter media... da kann man dann angeben von auflösung bis auflösung nutze z.b. style1280.css wo dann nur der bg und die settings für diese auflösung drin festgehalten sind...

MfG Sick^

Teilen