2013-12-15 1 views
1

Я занимаюсь социальной сетью, и я использую linear-gradient(#dadae3, white). Это работает, однако внизу снизу располагается цвет #dadae3. У меня нет элемента для этого раздела.Серая секция внизу внизу

Скриншот:

enter image description here

Я ищу решение, чтобы избавиться от этой серой части. Благодаря!

+0

Это скорее всего потому, что градиент не распространяется на весь элемент, а фон вашей страницы является # dadae3. Посмотрите в свой CSS стиль для элементов 'body' или' html'. –

+1

Скриншот или копейфель были бы замечательными. – Moin

+0

или хотя бы часть вашего кода! – vals

ответ

1

Ваш фон градиент просто повторив там из-за отсутствия height из body элемента (я предполагаю, что вы используете градиент на body элемента), а также убедитесь, что вы установили background-repeat в no-repeat

Demo

html, body { 
    height: 100%; /* Setting both the elements height to 100% */ 
} 

body { 
    background-repeat: no-repeat; 
    /* mmmm not required as we have set to fixed but than too no harm using it */ 
    background-attachment: fixed; /* Fixes background for you */ 
    background: linear-gradient(#dadae3, white); 
} 
0

Это может быть background-color для bodyhtml или элемента страницы!

И градиент просто покрывает div на вашей странице! Проверьте css для body или html (или родителя этого элемента).

Возможно, вы также захотите проверить свойства CSS footer!

Попробуйте для проверки:

html, body, footer { 
    background-color: transparent; // remove the background.. 
}