Фоновый градиент

Question

Я вижу двойной фоновый градиент на этой странице в Google Chrome .... есть идеи почему?

http://www.starcraft -source.com / member / login /

Мне нужно, чтобы он был сплошного синего цвета

Answer 1

Лично я бы не использовал стилизацию элемента html.Вы можете использовать градиент на фоновом изображении, чтобы освободить фон для цвета.Я бы использовал следующее:

body{
background: #1A405D;
background-image: -webkit-linear-gradient(#0A1C2D,#1A405D);
background-image:-moz-linear-gradient(center bottom , #1A405D 70%, #0A1C2D 92%);  
background-repeat:no-repeat;
}

Это даст вам следующий результат: http://jsfiddle.net/Sapphion/QJwA6/

Answer 2

Вы имеете в виду дополнительный градиент фона, который появляется под нижним колонтитулом?

html {
background:-moz-linear-gradient(center bottom , #1A405D 70%, #0A1C2D 92%) repeat scroll 0 0 transparent;
}

должно быть

html {
background:-moz-linear-gradient(center bottom , #1A405D 70%, #0A1C2D 92%) no-repeat scroll 0 0 transparent;
}

Вы не должны повторять этот вид градиентного фона.

Конечно, теперь вам нужно иметь дело с пробелами ниже нижнего колонтитула, но это другая проблема.

Answer 3

Вы установили градиент для элемента html (что, кстати, технически не так уж и неправильно, но необычно), но html не заполняет весь порт просмотра.

Попробуйте добавить

html {
  height: 100%;
}