lassoheinz
Ensign
- Registriert
- März 2019
- Beiträge
- 166
Backgound-Image CSS
- Ersteller lassoheinz
- Erstellt am
- Registriert
- März 2019
- Beiträge
- 166
z.B.
Vorher war:
CSS:
body{
background: url(https://cdn.pixabay.com/photo/2015/12/04/11/15/sheep-1076405_960_720.jpg);
background-repeat: no-repeat;
background-size: 300px 100px;
}Vorher war:
CSS:
backgound-size: auto;- Registriert
- März 2019
- Beiträge
- 166
Gelöscht ...kann sie aber nochmals einfügen?
sowas z.B.
Edit: Das sind die Originalen Codes die ich gefunden habe...natürlich habe ich diese an meine Seite angepasst(bild url...)
Ergänzung ()
CSS:
body {
background-image: url('w3css.gif');
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
}
CSS:
background-image: url(path-to-file/img.jpg);
background-repeat:no-repeat;
background-position: center center;
CSS:
body{
background-repeat:no-repeat;
background-position: center center;
background-image:url(../images/images2.jpg);
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
min-height:100%;
}
CSS:
html, body {
height: 100%;
width: 100%;
padding: 0;
margin: 0;
background: black url(back2.png) center center no-repeat;;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}sowas z.B.
Edit: Das sind die Originalen Codes die ich gefunden habe...natürlich habe ich diese an meine Seite angepasst(bild url...)
funkmasterflow
Ensign
- Registriert
- Dez. 2014
- Beiträge
- 212
Verstehe auch irgendwie noch nicht, welches Problem Du lösen willst.
Vielleicht kannst Du deine Frage noch etwas präziser stellen und anreichern durch Code und/oder Grafiken, oder Beispiele anfügen.
Vielleicht kannst Du deine Frage noch etwas präziser stellen und anreichern durch Code und/oder Grafiken, oder Beispiele anfügen.
- Registriert
- März 2019
- Beiträge
- 166
@funkmasterflow der Hintegrund soll sich an die Fenstergröße anpassen
Das sowas nicht passiert:
Das der Hintergrund den genzen platz abdekt....
@Bagbag nett gemeint aber nicht das was ich suche.....der hintergrund soll bestehen bleiben und sich an die seitenverhältnisse anpassen?
Das sowas nicht passiert:
Das der Hintergrund den genzen platz abdekt....
Ergänzung ()
@Bagbag nett gemeint aber nicht das was ich suche.....der hintergrund soll bestehen bleiben und sich an die seitenverhältnisse anpassen?
Zuletzt bearbeitet:
- Registriert
- Mai 2011
- Beiträge
- 15.095
https://www.w3schools.com/cssref/css3_pr_background-size.asp
Mal mit Attributen wie cover und contain probieren, ggf noch in Kombi mit percentage 100%.
Mal mit Attributen wie cover und contain probieren, ggf noch in Kombi mit percentage 100%.
Und was passt bei https://www.w3schools.com/howto/tryhow_css_fullpage_demo.htm nicht?
Wenn es dir nur ums scrollen geht, füg das zu bgimg-1 hinzu:
Wenn es dir nur ums scrollen geht, füg das zu bgimg-1 hinzu:
CSS:
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;- Registriert
- März 2019
- Beiträge
- 166
- Registriert
- März 2019
- Beiträge
- 166
kurim
Ensign
- Registriert
- Jan. 2006
- Beiträge
- 144
@LaRsX
also bei mir im Chrome gehts problemfrei egal wie klein ich das Fenster mache...
kompletter Test Code:
also bei mir im Chrome gehts problemfrei egal wie klein ich das Fenster mache...
kompletter Test Code:
HTML:
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body, html {
height: 100%;
margin: 0;
}
body{
background: url(https://cdn.pixabay.com/photo/2015/12/04/11/15/sheep-1076405_960_720.jpg);
background-repeat: no-repeat;
background-size: cover;
}
</style>
</head>
<body>
<p>This example creates a full page background image. Try to resize the browser window to see how it always will cover the full screen (when scrolled to top), and that it scales nicely on all screen sizes.</p>
</body>
</html>- Registriert
- März 2019
- Beiträge
- 166
