四个径向渐变中只有两个显示

问题描述

我已经在css文件中使用以下代码来在所有角上获得渐变，但是，我只在顶部两个角上获得了渐变。

有人可以让我知道正确的方法吗？

jsfiddle：https://jsfiddle.net/z0hxmb9j/1/

body{
  width: 100%;
  background-color: #fbe0be;
}

body:before {
  z-index: -1;
  content: '';
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  display: block;
  width: 100%;
  border-radius: 0%;
  background-image:
  radial-gradient(circle at top left,rgba(212,235,1),rgba(155,179,208,.3) 70.71%),radial-gradient(circle at top right,rgba(83,98,127,radial-gradient(circle at bottom right,rgba(122,97,70,rgba(251,224,190,.7) 70.71%),radial-gradient(circle at bottom left,.7) 70.71%)
}

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）