Internet Explorer - IE，线性渐变（线性渐变）

Question

美好的一天。

当我在IE 11上测试时，我遇到了使线性渐变工作的问题。在我测试过的所有其他浏览器中，包括Chrome，FireFox，Edge等，一切都按预期工作，但IE无法正确渲染。

在我搜索答案期间，我查看了多个堆栈溢出帖子 - post one和post two。虽然这些帖子和其他帖子提供了一些见解，但根据我的评论，我的CSS应该可行 - 见下文。

CSS{
  background-color: rgba(0, 0, 0, 0.6) 50%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 
  0, 0, 0.6) 50%), to(transparent));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.6) 50%, 
  transparent);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.6) 50%, 
  transparent);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.6) 50%, 
  transparent);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.6) 50%, 
  transparent);
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-
}

在上面的CSS中，我假设我需要调整与-ms-linear-gradient线相关的东西。我还提供了一张图片供审查;顶部图像是我想在IE中看起来像的东西。

如果有人能提供任何额外的观点或见解，我们将不胜感激。