0

要素のないボディに線形グラデーションを適用した疑いがありますが、機能していません。しかし、 body タグに任意の要素を追加すると機能します。

HTML コード:

<html>
<head>
     <style>
          body{
           background:-moz-linear-gradient(top,rgba(0,0,0,0.3),rgba(0,0,0,0.3));
           background:-webkit-linear-gradient(top,rgba(0,0,0,0.3),rgba(0,0,0,0.3));
         }
    </style>
</head>
<body>
</body>

フィドル・リンク

http://jsfiddle.net/kykPk/2/

空の body タグで機能しないのはなぜですか?

4

2 に答える 2

0

これは、空のボディにはサイズがないため (css でサイズを変更しない限り)、その背景を見ることができないためです。

于 2012-10-18T05:38:49.050 に答える
0

これは、bodyタグ内に要素がないためです。次のようにします: My Fiddle

CSS

html, body {
   height: 100%;
}
于 2012-10-18T05:39:18.583 に答える