html - 框阴影在页面截断处截断

Question

我的页面上的框阴影属性有些问题。

阴影似乎在页面超出屏幕尺寸的地方被切断了，我不确定为什么。

我只是想使用纯 css 而不是重 png 来实现照明效果。我使用了一个嵌入阴影来实现我所拥有的效果，并将其应用到 body 上，它看起来很棒，但在较小的屏幕上切断会杀死它。

如果有人可以帮我解决问题或提供替代方案，那就太好了。

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％”时，阴影包含了整个 body 。将 body height 更改为“auto”并查看结果。