Changement de classe d'éléments du corps dans Opera

Question

J'ai ce script qui permet de basculer essentiellement une classe bgcolor sur et en dehors afin que les changements de fond en noir sur le premier bouton clic et puis retourne à la valeur par défaut de classe vide au deuxième clic. Ce que je veux essayer de comprendre pourquoi, dans Opera 9.64, le 3 clic du bouton, l'arrière-plan reste noir et que l'arrière-plan autour du bouton change de couleur.

<style>
.bgColor {background-color: #000000}
</style>

<button id="button">Change Class</button>

<script>
function changeBodyClass() {
    var body = document.body;
    if (body.className === "bgColor") {
        body.className = "";
    } else {
        body.className = "bgColor";
    }
}

document.getElementById("button").onclick = changeBodyClass;
</script>

Merci.

Answer 1

Il semble y avoir un problème de rendu, parce que quand vous redimensionnez Opera (le forçant à redessiner) alors tout l'arrière-plan apparaît en blanc comme prévu.

Vous pouvez ajouter quelque chose comme ceci à votre CSS pour forcer Opera en pensant que le corps est en effet la même taille que fenêtre:

html {margin: 0; height: 100%}
body {margin: 0; height: 100%}