CSS : 그림자 오버레이

대화 상자 뒤에 그림자 오버레이를 추가하려고합니다. 나는 내가 어떻게 고쳐야하는지 잘 모른다는 쟁점을 만났다. jsfiddle CSS : 그림자 오버레이

클래스 shadowDialog와 사업부가있다 :

이

는 내가 가지고있는 코드입니다.

.shadowDialog { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    background: #000; 
    filter: alpha(opacity=50); 
    -moz-opacity: 0.5; 
    -khtml-opacity: 0.5; 
    opacity: 0.5; 
    z-index: 665; 
    //display: none; 
}

전체 공간을 포함해야합니다. 그러나 대화 상자를 열 때 볼 수있는 공간 만 다루고 나머지 부분은 스크롤 할 수 없습니다 (단점은 있음).

출처

2012-07-01 Andrew

대신 position: fixed을 사용해보세요.

출처

2012-07-01 16:35:11

감사합니다. 그것은 내가 지금하고 싶었던 것을 수행한다. – Andrew

미래에 대한 힌트 : JSFiddle을 만들 때, 문제를 보여주기 위해 필요한 절대적인 수준으로 줄 이도록한다. 어둠 속에서 총격하기 전에 모든 일을 처리하는 데 많은 시간을 보냈습니다. –

CSS : 그림자 오버레이

답변

관련 문제