2014-12-05 17 views
0

Я пытаюсь добавить фоновое изображение на свой сайт, который исправлен, я сделал это раньше и не имел никаких проблем, но теперь я просто не могу заставить его работать, ниже мой код. На данный момент, когда я просматриваю вверх и вниз по сайту, фон перемещается вверх и вниз.CSS fixed background image

body{ 
background-image: url('../img/christmas.jpg'); 
background-repeat: no-repeat; 
background-attachment: fixed; 
font-family: 'Open Sans'; 
height: 100%; 
} 
+0

Пожалуйста, поставьте ваши коды в JSFiddle. – Karmacoma

+0

удалить jquery.stellar.js – Leo

ответ

0

(После просмотра вашей страницы-ссылки в Chrome (Случается в Chrome только)) ...
Пуск, удалив скрипт, который создает эффект параллакса в хроме. jquery.stellar.js

jsFiddle demo

html, body{height:100%;} 
body{ 
    background: url('../img/christmas.jpg') fixed 50%/cover; 
    font-family: 'Open Sans'; 
} 
+0

Кроме того, я думаю, что некоторые старые мобильные устройства не будут загружаться должным образом в Google Open sans, поэтому всегда отправляйте резервную копию: «Open Sans», Helvetica, Arial, sans-serif; ' –

+0

спасибо, я попробовал что, но он все еще свитки? – sam003

+0

@ sam003, как вы можете ясно видеть из демонстрации, он работает. Содержимое веб-сайта прокручивается, но bg на месте. Это фиксированная. Нет прокрутки фона. –