如何为body标签应用渐变没有子元素?

时间:2012-10-18 05:34:26

标签: html css

我怀疑我为身体应用线性渐变而没有元素它不起作用。但是,我在body标签中添加任何元素都可以。

HTML CODE:

<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/

为什么不使用空体标签?

2 个答案:

答案 0 :(得分:0)

因为空体没有大小(除非你用css调整大小),所以你将无法看到它的背景。

答案 1 :(得分:0)

这是因为您的body代码中没有任何元素,所以请执行以下操作:My Fiddle

CSS

html, body {
   height: 100%;
}