WauWau: hintergrundbild

Beitrag lesen

Hallo Jens,

<img src="./img/hintergrund.jpg" width="100%" height="100%">

stellt ein bild in seiner vollen größe dar (100%).

<div style="position:absolute; top:0px; left:0px; z-index:2;">

Und positioniert ein <div>, anscheinend darüber. Was willst du damit erreichen? Einfacher wäre

<div style="...; background-image:url(/img/hintergrund.jpg);">

Aber, das Hintergrundbild ist nur so groß, wie das Browserfenster. Wenn man eine kleine Auflösung hat und man dadurch scrollen muß, ist der Bereich wo man scrollen muß, ohne hintergund.

jo. Kleine zwischenfrage: warum deine komplizierte Sache da oben mit dem drübergelegten <div>? Was soll das dir für einen Nutzen erweisen?

  1. Gibt es eine möglichkeit, das er den ganzen Bildschirm ausfüllt?

Mache es einfach groß genug.

  1. Könnte das Bild mitrutschen, also das es immer den scrollen folgt?

background-image: url(...);
background-position: fixed;

  1. könnte man eine Hintergrundfarbe "unter" das Bildlegen??

background-image: url(...);
background-position:fixed;
background-color: grünrotgelbkariert;

Das mit dem grünrotgelkariert geht natürlich nicht mit grünrotgelbkariert, sondern mit einer Farbangabe heximedal, also von #000000 bis #FFFFFF, oder eine von Netscapes 256 Farbnamen (siehe SelfHTML).

Zu allem anderen, was background-... betrifft, siehe übrigens auch SelfHTML.

WauWau

--
ss:) zu:) ls:& fo:) de:] va:) ch:° n4:( rl:( br:^ js:| ie:% fl:{ mo:|
E-Mail WauWau: [mailto:der-wauwau@gmx.de]