Codeacademy는 사용자가 "시작"버튼을 클릭 할 때 효과가 있습니다.

Question

사용자가 시작 버튼을 클릭 할 때 codeacademy (http://www.codecademy.com/)에서와 비슷한 효과를 구현하고 싶습니다. 그래서 기본적으로 하나의 div에 초점을 맞추고 나머지 페이지는 음영 처리합니다.

나는 코드를 요구하는 것이 아니라 그 방법을 요구하고있다. div에 초점을 맞추고 싶지만 성공하지 않은 것을 제외하고 나머지 페이지의 불투명도를 변경하려고했습니다.

Answer 1

이것은 당신이, 예를 시도 무엇 CSS

.dimmer { 
    background-color: #000; 
    opacity: 0.4; 
    z-index: 999; 
    width: 100%; 
    height: 100%; 
    position: absolute; 
    top: 0; 
    left: 0; 
    display: block; 

} 

#frame-that-does-not-dim { 
    z-index: 99999; 
}