在剪切頁面時剪切盒子陰影

Question

我在頁面上使用了盒子陰影屬性。

陰影似乎在頁面超過屏幕大小的位置切斷，我不知道爲什麼。

我只是試圖使用純css而不是重png的照明效果。我用一個插入的陰影來實現我所擁有的效果，並將它應用到身體上，它看起來很棒，但是切斷會在較小的屏幕上消失。

如果有人可以給我一個手修理或一個偉大的替代品。

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

你沒有把你的風格在這裏...反正當我打開你的身高爲「自動」，而不是「100％」使用檢查元素，陰影包含了所有的身體。將身高改爲「自動」並查看結果。