Ik heb deze truc:
<style type="text/css">
body {
text-align: center;
color: white;
background: url(http://i.imgur.com/yM6Ec.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
a {
color: orange;
text-decoration: none;
}
a:hover {
font-weight: bold;
text-decoration: none;
}
</style>Die werkt voor mij perfect!
Om kwaliteitsverlies te voorkomen zul je meerdere resoluties plaatjes moeten hebben en dmv javascript de resolutie opvragen.
Let op, ikzelf draai op 5760 x 1080. Dus dan is die 2000 niet voldoende.
Die van mij die stretch over de gehele pagina, wel zul je dan uitgerekte afbeeldingen zien op zo'n onnodige resolutie 
Met BrokenTrsck hoef je geen rekening te houden. Die resolutie grbruikt 1/100000.
width: 100%; height: 100%; background-size:100% 100%; background: url('./images/background.png'); background-attachment: fixed;Kijk maar is hiernaar.
Citaat van MJorritsmaMet BrokenTrsck hoef je geen rekening te houden. Die resolutie grbruikt 1/100000.
Maak daar maar 2/100000 van 
Overigens is het inderdaad wel overdreven, ik kijk zelf ook nooit websites op die resolutie en heb ik gewoon grid vision van AMD geactiveerd waardoor ik het gewoon op een resolutie van 1920x1080 bekijk.
Je moet gewoon meest gebruikte resolutie aanhouden of meerdere formaten hanteren. Laatste is overigens wel handig wordt bij android ook gebruikt.
Daarnaast zal je bij optie 1 moeten kijken wat voor achtergrond kleur mooi in de achtergrond overloopt.
Heb je nog geen account? Registreer je nu en word deel van onze community!
