HTML5 Градиент не работает правильно для некоторых цветов - PullRequest
Новая
       62

HTML5 Градиент не работает правильно для некоторых цветов

0 голосов
/ 14 сентября 2018

Итак, я пытаюсь заставить мой градиент работать с моим HTML-тегом, чтобы он отображался в фоновом режиме, но я заметил, что некоторые цвета выглядят более блочными, чем другие. Я хочу, чтобы весь фон был градиентом, и после исследования (здесь и на других сайтах) я дошел до этого уровня, но он выглядит как несколько блоков вместо градиента, как другие цвета. Как это исправить, чтобы при прокрутке весь фон не двигался и не показывал блоки? Раньше я только использовал градиенты в скриптах, поэтому я не люблю их использовать.

Я нашел это как близкое решение , но я стараюсь избегать сценариев любой ценой, как упомянуто выше. 

html 
{
	min-height: 100%; /*needed for no repeat color. adding normal "height" messes it up*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background: #FFA5A5; /* Older browsers */
	background: linear-gradient(#FFA5A5, #FFFFFF);
	background: -moz-linear-gradient(top, #FFA5A5 0%,#FFFFFF 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFA5A5), color-stop(100%,#FFFFFF)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #FFA5A5 0%,#FFFFFF 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #FFA5A5 0%,#FFFFFF 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #FFA5A5 0%,#FFFFFF 100%); /* IE10+ */
	background: linear-gradient(top, #FFA5A5 0%,#FFFFFF 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFA5A5', endColorstr='#FFFFFF',GradientType=0); /* IE6-9 */
}
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>t</title>
		<meta name="description" content="c">
		<meta name="author" content="a">

		<link rel="stylesheet" type="text/css" href="GBG.css">
	</head>
</html>
...