Проблема с Chrome с угловым фоном CSS-градиента

Question

У меня проблема с фоном градиента CSS, который у меня есть для div ширины/высоты 100%. Это проблема только в 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:

любые улики?

Answer 1

Это известная ошибка в Chrome. Он был впервые отмечен в ноябре 2012 года и в настоящее время является приоритетом 2, поэтому его нельзя было бы зафиксировать в следующей версии. См. Форум Chromium dev here

Если вы немного измените свои углы, он должен снова работать. Попробуйте использовать -78deg, а не -80deg