Opera에서 body 요소 클래스 변경

Question

기본적으로 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

오페라 (다시 그리기를 강요하는)의 크기를 조정하면 모든 배경이 흰색으로 예상대로 나타나기 때문에 렌더링 문제가있는 것 같습니다.

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

:

는

당신은 그 몸을 생각으로 오페라를 강제로 CSS로 이런 일을 추가 할 수 있습니다 실제로 뷰포트와 같은 크기