为什么CSS径向渐变在Edge中不起作用？

Question

我对从an answer到上一个问题的对角线扫描线有以下解决方案：

html {
  height:100%;
  background:
    radial-gradient(#000 0.5px,transparent 0.5px) 0   0   /3px 3px,
    radial-gradient(#000 0.5px,transparent 0.5px) 1px 1px /3px 3px,
    radial-gradient(#000 0.5px,transparent 0.5px) 2px 2px /3px 3px,
    url(https://i.picsum.photos/id/102/800/800.jpg) center/cover;
}

该解决方案可以完美地在Chrome和Firefox中重现所需的效果，但在Edge中没有任何区别。这似乎没有任何意义，因为all versions of Edge支持渐变。

为什么Edge无法重现这些渐变？

Answer 1

这里是另一个具有conic-gradient()的版本，根据以下https://caniuse.com/#feat=css-conic-gradients，它应该可以在Edge的最新版本上使用：>

html {
  height:100%;
  /* fall back for firefox */
  background:
    radial-gradient(#000 0.5px,transparent 0.5px) 0   0   /3px 3px,
    radial-gradient(#000 0.5px,transparent 0.5px) 1px 1px /3px 3px,
    radial-gradient(#000 0.5px,transparent 0.5px) 2px 2px /3px 3px,
    url(https://i.picsum.photos/id/102/800/800.jpg) center/cover;
  /**/
  background:
    conic-gradient(from -90deg at 1px 1px,#000 0 90deg,transparent 0) 0   0  /3px 3px,
    conic-gradient(from -90deg at 1px 1px,#000 0 90deg,transparent 0) 1px 1px/3px 3px,
    conic-gradient(from -90deg at 1px 1px,#000 0 90deg,transparent 0) 2px 2px/3px 3px,
    url(https://i.picsum.photos/id/102/800/800.jpg) center/cover;
}