铬角度CSS渐变背景Chrome问题

我有一个CSS渐变背景我有一个100％宽度/高度div的问题。这只是Chrome中的一个问题。我在div上面有一些内容，当我将鼠标悬停在该div的链接上时，渐变背景以奇怪的方式打破，并且根本不显示角度（仅显示为水平渐变）。这里是我的CSS：铬角度CSS渐变背景Chrome问题

.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：