오페라에서 바디 요소 클래스 변경

StackOverflow https://stackoverflow.com/questions/929813

  •  06-09-2019
  •  | 
  •  

문제

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

감사.

도움이 되었습니까?

해결책

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

CSS에 이와 같은 것을 추가하여 오페라가 실제로 뷰포트와 같은 크기라고 생각하도록 강요 할 수 있습니다.

html {margin: 0; height: 100%}
body {margin: 0; height: 100%}
라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top