html - 使用 CSS 向页面添加 "inner glow"

Question

我正在尝试使用 CSS 为整个页面添加内发光。

CSS:

body {
    margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
    height: 100%;
    -moz-box-shadow:inset 0 0 10px #000000;
    -webkit-box-shadow:inset 0 0 10px #000000;
    box-shadow:inset 0 0 10px #000000;
    background-image: url('/images/bg.png');
}

这事半功倍。内部发光存在，但不会延伸到页面的整个高度。

http://snapplr.com/g65v.png

有没有简单的方法来做到这一点？

Answer 1

问题是 body 元素没有填满窗口。

将此添加到您的 CSS:

html, body { height: 100%; }