我正在使用类似下面的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% }
原文地址:https://www.jb51.cc/html/225463.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。