在剪切页面时剪切盒子阴影

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％”使用检查元素，阴影包含了所有的身体。将身高改为“自动”并查看结果。