Antworten auf deine Fragen:
Neues Thema erstellen

Dynamischer Fullscreen-Background mit CSS & HTML

M

MaedeG

Guest

Hallo zusammen

Ich habe folgendes Problem:

Ein Bild mit den Massen 2000px x 1256px soll als Fullscreen-Background im Browser erscheinen. Jetzt habe ich einige CSS- und HTML-Kombinationen ausprobiert, jedoch keine mit dem gewünschten Erfolg.

Dabei ist das Ziel kein besonderes, wie gesagt das Bild soll im Fullscreen dargestellt werden, dabei habe ich aber dass Problem, dass es in der Höhe immer etwas abgschnitten ist, perfekt wäre es, wenn das Bild immer in der gesamten Höhe dargestellt würde, einfach mit einer komprimierten Aufllösung. Meine aktuelle Monitorauflösung ist 1920x1080, vielleicht kann mir da jemand helfen, ich möchte aber auf jedenfall bei CSS 2.1 und XHTML bleiben und keine JS o.ä. Bastellvorschläge erhalten, danke.

Gruss, MaedeG
 

simonpicos

Mod | Forum

AW: Dynamischer Fullscreen-Background mit CSS & HTML

Also es ist doch logisch, das von dem Bild was abgeschnitten wird, weil dein Bildschirm hat ja gar nicht das selbe Seitenverhältnis wie das Bild..
 

Gilligan2k10

Noch nicht viel geschrieben

AW: Dynamischer Fullscreen-Background mit CSS & HTML

Die alternative dazu ist das du links und rechts freiraum hast oder das Bild gequetscht wird weil das Seitenverhältnis nicht passt.
 
M

MaedeG

Guest

AW: Dynamischer Fullscreen-Background mit CSS & HTML

So, habe bis dato zwar immer noch keine tolle Lösung gefunden aber eine doch recht gute.

Habe es u.a. mit einer CSS3-Anweisung gelöst:

background:url('./images/background.jpg') no-repeat center center fixed;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;

Danke für eure Hilfen.

Gruss, MaedeG
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.614
Beiträge
1.538.351
Mitglieder
67.525
Neuestes Mitglied
mgtaucher
Oben