---
title: "Full screen backgrounds met CSS | Bart Sallé"
description: "Ontdek hoe je eenvoudig een volledige achtergrondafbeelding instelt met HTML/CSS. Werkt op Safari, Chrome, IE, Opera, en Firefox."
url: https://www.bartsalle.nl/blog/full-screen-backgrounds-met-css/
language: nl
---

[Home](https://www.bartsalle.nl/)/[Blog](https://www.bartsalle.nl/blog/)/Full screen backgrounds met CSS
CSS

# Full screen backgrounds met CSS

4 december 2013 CSS

![Full screen backgrounds met CSS](https://www.bartsalle.nl/beheer/storage/uploads/2026/09/17/background-css_uid_6aabe208bc657.jpg)

Via deze simpele truc kan je een afbeelding over het volledige scherm als achtergrond gebruiken.

```
html {
 background: url(images/bg.jpg) no-repeat center center fixed;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 }
```

Werkt op:

- Safari 3+
- Chrome, alle versies
- IE 9+
- Opera 10+
- Firefox 3.6+

[Vraag advies over dit onderwerp](https://www.bartsalle.nl/contact/#form)

### Vraag over dit artikel?

Loop je ergens tegenaan of wil je hulp bij iets vergelijkbaars?

[Neem contact op](https://www.bartsalle.nl/contact/#form)

### Categorieën

- [CSS](https://www.bartsalle.nl/blog/?categorie=css)

Meer lezen

## Gerelateerde artikelen

Algemeen

### Ik wil web developer worden maar welke opleiding of cursus kan ik dan het beste volgen?

25 september 2022 Lees meer

[Ik wil web developer worden maar welke opleiding of cursus kan ik dan het beste volgen?](https://www.bartsalle.nl/blog/ik-wil-web-developer-worden-maar-welke-opleiding-of-cursus-kan-ik-dan-het-beste-volgen/)

CSS

### Sticky elementen zonder javascript

29 januari 2022 Lees meer

[Sticky elementen zonder javascript](https://www.bartsalle.nl/blog/sticky-elementen-zonder-javascript/)

CSS

### Responsive kolomvolgorde aanpassen in Bootstrap 4

15 juni 2020 Lees meer

[Responsive kolomvolgorde aanpassen in Bootstrap 4](https://www.bartsalle.nl/blog/responsive-kolomvolgorde-aanpassen-in-bootstrap-4/)