html – 如何创建全覆盖径向渐变？

发布时间：2020-12-14 18:42:52 所属栏目：资源来源：网络整理

导读：我正在使用类似下面的CSS代码来创建径向渐变背景： body{background-color: #0176A0;background-image: -moz-radial-gradient(center,ellipse cover,#029CC9 0%,#005077 100%);background-image: -webkit-radial-gradient(center,#005077 100%);background-i

我正在使用类似下面的CSS代码来创建径向渐变背景：

body
{
background-color:   #0176A0;
background-image:   -moz-radial-gradient(center,ellipse cover,#029CC9 0%,#005077 100%);
background-image:   -webkit-radial-gradient(center,#005077 100%);
background-image:   -o-radial-gradient(center,#005077 100%);
background-image:   -ms-radial-gradient(center,#005077 100%);
background-image:   radial-gradient(center,#005077 100%);
filter:             progid:DXImageTransform.Microsoft.gradient(startColorstr = '#029CC9',endColorstr = '#005077',GradientType = 0);
}

但结果不是预期的！我的目标是拥有一个覆盖整个视口的径向渐变背景.我可以使用background3 size属性,这是CSS3规范的一部分,以获得更好的结果,但不幸的是这个属性在IE中不起作用？
有人有想法吗？

解决方法

将其添加到您的CSS：

html {
    height: 100%
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!