オペラではbody要素のクラスを変更します

Question

私は背景が最初のボタンのクリックで黒に変更した後、第2クリックでデフォルトの空のクラスに戻りますように基本的にオンとオフはbgColorクラスを切り替え、このスクリプトを持っています。オペラ9.64で、ボタンの3番目のクリックで、背景が黒のままで、ボタンの周囲のみ背景色を変更する理由は、私は何を把握しようとしていることです。

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

感謝します。

Answer 1

あなたがオペラ（再描画することを強制する）サイズを変更すると、期待どおり、すべての背景が白で表示されますので、レンダリングの問題があるようです。

あなたは体が実際にビューポートと同じサイズであることを考えることにオペラを強制するために、あなたのCSSに、このようなものを追加することができます

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