如何将梯度应用于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标签没有内部元素,所以这样做:我的小提琴

CSS

html, body {
   height: 100%;
}

它是因为一个空的身体没有尺寸(除非您使用CSS大小),因此您将看不到其背景。

最新更新