盒子阴影切断在页面切断

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