Google chrome 带有角度CSS渐变背景的Chrome问题

我有一个CSS渐变背景的问题，我有一个100%的宽度/高度div。这只是一个问题，在铬。我在div顶部有一些内容，当我将鼠标悬停在该div中的链接上时，渐变背景会以奇怪的方式中断，并且基本上也不会显示角度（只是显示为水平渐变）。以下是我的css：

.landing{
display: block;
width: 100%;
min-height: 100%;
background: #f6e25a;
background: -moz-linear-gradient(-80deg,#f6e25a 0%,#f6e25a 35%,#f8e979 35.01%,#f6e25a 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f6e25a), color-stop(35%,#f6e25a), color-stop(35.1%,#f8e979), color-stop(100%,#f6e25a));
background: -webkit-linear-gradient(-80deg,#f6e25a 0%,#f6e25a 35%,#f8e979 35.01%,#f6e25a 100%);
background: -o-linear-gradient(-80deg,#f6e25a 0%,#f6e25a 35%,#f8e979 35.01%,#f6e25a 100%);
background: -ms-linear-gradient(-80deg,#f6e25a 0%,#f6e25a 35%,#f8e979 35.01%,#f6e25a 100%);
background: linear-gradient(150deg,#f6e25a 0%,#f6e25a 35%,#f8e979 35.01%,#f6e25a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6e25a', endColorstr='#f6e25a',GradientType=1 );
}

以下是它在Chrome中的外观：

---

有什么线索吗？

这是Chrome中已知的一个bug。它在2012年11月首次被注意到，目前是优先级2，因此可能不会在下一版本中修复。见Chromium开发论坛

如果你稍微改变你的角度，它应该会再次起作用。尝试使用-78度而不是-80度