Ändern Körperelementklasse in Opera

Question

Ich habe dieses Skript, das im Grunde eine bgColor Klasse schaltet ein und aus, so dass der Hintergrund auf Schwarz auf dem ersten Knopf klicken und dann zurück auf den Standard leere Klasse auf dem zweiten Klick. Was ich versuche herauszufinden, warum, in Opera 9.64, am 3. Klick auf den Button, der Hintergrund schwarz bleibt und nur der Hintergrund um den Knopf ändert seine Farbe.

<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>

Danke.

Answer 1

Es scheint ein Rendering-Problem zu sein, denn wenn man Opera Größe ändern (es zwingt neu zu ziehen), dann die ganzen Hintergrund in weiß wiedergegeben werden, wie erwartet.

Sie können so etwas zu Ihrem CSS hinzufügen Opera zu zwingen, zu denken, dass Körper ist in der Tat die gleiche Größe wie Ansichtsfenster:

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