2013-07-03 5 views
1

Мой вопрос, может показаться очень глупым. Но это не так, даже я так думаю.Как исправить фоновый цвет?

У меня есть градиент на фоновом изображении, который влияет на фоновое изображение, которое находится под ним с фиксированным положением.

body{ 
    background-image:url(...); 
    background-attachment: fixed; 
} 

body:after{ 
    content: ""; 
    display: block; 
    background-attachment: fixed; 
    position: absolute; 
    height: 100%; 
    width: 100%; 
    background: -moz-linear-gradient(-45deg, rgba(30,87,153,1) 0%, rgba(89,148,202,1) 62%,  rgba(95,154,207,0.7) 68%, rgba(125,185,232,0) 100%); 
}` 

Надеюсь, я был достаточно точным. Если вам нужна дополнительная информация, не стесняйтесь.

Спасибо!

+0

Проблема в том, что именно? – cimmanon

+0

Итак, что вы пытаетесь достичь? Пример? –

+0

Я просто хочу поставить градиент над фоновым изображением. И ничто не должно волноваться, когда я прокручиваю вниз. Надеюсь, вы поймете. – Niko

ответ

2

Если это то, что вы хотите:

  • неподвижная фоновое изображение на теле
  • и фиксированный фон на вершине, что, затемняя большую часть фонового изображения

вы» должен будет добавить

top:0; left:0; 
z-index:-1; 

к body::after, и изменить его position:absolute - position:fixed.
Z-index необходим, потому что иначе :: after будет поверх содержимого самого тела.

См. jsfiddle.

+0

Спасибо, много. Он работает с положением: исправлено. – Niko

Смежные вопросы