CSSでページに「内側の光」を追加する

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%; } 

Answer 2

bodyからhtmlを切り替えてみてください、例えば：

html { 
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://jsfiddle.net/LUREm/