100％の幅/高さのdivのCSSグラデーションの背景に問題があります。これはChromeでのみ問題になります。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での表示は次のとおりです。
手がかりはありますか？