Danke für die PN.
Jetzt habe ich den Unterschied gefunden.
Bei dir ist das Hintergrundbild dem Element <body> zugeordnet.
Nimm es dort raus und setze den Hintergrund von <body> auf "transparent".
Anschließend das Bild dem Element <html> zuordnen und voilá es passt.
Code: Select all
html{
background-image: url(https://gamingnewstime.de/wp-content/uploads/2017/04/ServerRoom.jpg);
background-size:cover;
background-position:center;
}
body{
background:transparent;
}
Wobei ich in deinem Fall das Bild als "Kachel" verwenden würde. Das kann man passend zurechtschneiden und dann übernimmt der Browser das zusammenfügen zu einem nahtlosen Hintergrund. Dadurch kann die Datei ein paar KB groß sein und der optische Eindruck ist derselbe, bzw. noch besser, da das Muster dann nicht gestreckt oder gestaucht wird was bei "Background-size:cover" natürlich der Fall ist.
Gute Anlaufstelle hierfür ist:
https://www.toptal.com/designers/subtlepatterns/
HINWEIS:
Ich sollte darauf hinweisen, dass das im Beitrag verwendete Bild nicht mir gehört. Es sieht halt gut & passend aus. Aus urherberrechtlichen Gründen sollte man auf eine Einbindung verzichten oder die Datei beim Stockmarket seines Vertrauens käuflich erwerben.
! CSS!
