我有此脚本基本上切换开和关,使得背景变为黑色的第一个按钮点击,然后返回到默认空类上的第二次点击一个BGCOLOR类。我试图找出就是为什么,在Opera 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>

感谢。

有帮助吗?

解决方案

有似乎是一个呈现的问题,因为当你调整歌剧院(迫使它重新绘制),那么所有的背景会出现在白色预期。

您可以添加这样的事情你的CSS,迫使歌剧院,以为身体确实是大小相同的视口:

html {margin: 0; height: 100%}
body {margin: 0; height: 100%}
许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top