박스 섀도우 커팅 오프 오프 페이지

Question

내 페이지의 상자 섀도우 속성에 문제가 있습니다.

페이지가 화면 크기를 초과하는 지점에서 그림자가 잘리는 것처럼 보입니다. 이유는 확실하지 않습니다.

나는 단순히 무거운 png보다는 순수한 css를 사용하여 조명 효과를 얻으려고합니다. 내가 가지고있는 것을 얻기 위해 삽입 그림자를 사용하고 그것을 몸에 적용했는데 멋지게 보이지만 잘라내어 작은 스크린에서 그것을 죽이는 것입니다.

누군가가 나에게 손을 고칠 수있는 대안이나 훌륭한 대안이 될 수 있다면. 내가 대신 "100 %"요소 검사 사용하는 "자동"으로 몸 높이를 켤 때

http://mock.koansystems.co.uk

html { 
     width:100%; 
     height: 100%; 
} 

body { 
     margin:0; 
     padding:0; 
     width:100%; 
     height:100%; 
     background-color: #000006; 
     background-image: url(/img/repeat11.png); 
     background-repeat: repeat; 
     box-shadow : inset 0px 0px 200px 100px rgba(0,0,0,0.7); 
} 

Answer 1

당신은 여기에서 당신의 스타일을 두지 않았다 ... 어쨌든, 그림자는 몸 전체를 포함 . 몸 높이를 "자동"으로 변경하고 결과를 봅니다.