我有疑问,我将线性梯度应用于身体,而没有元素不起作用。但是,我添加身体标签中的所有元素。
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大小),因此您将看不到其背景。