Исправлена ​​ли фоновая работа в Chrome, но не в Firefox?

Question

Я что-то упустил?

body {
   margin: 0 auto;
   padding: 0;
   font-family: helvetica, sans-serif, Arial;
   color: #333333;
   font-size: 13px;
   background: white url(images/bg.jpg) no-repeat fixed top center;
}

Answer 1

в SearchAndShare.css существует правило body {background-attachment: inherit;}, которое, поскольку этот лист вызывается позже, чем ваш основной лист, отменяет "fixed" с вашего основного листа

, удаляя это правило, исправляет Firefox,не уверен, что наследование является допустимым вызовом для фонового вложения, но даже если это так, это будет означать, что вам нужно будет указать, background-attachment: fixed" on the html element so the body` есть что наследовать от

Обновление: Да, если вы не хотите связываться с файлом плагина SearchAndShare.css, добавление html {background-attachment: fixed} к вашему основному листу также исправляет это

Answer 2

При использовании сокращенного свойства background порядок свойств должен быть

1. color
2. image
3. repeat
4. attachment
5. position

Попробуйте изменить стиль следующим образом (измените порядок repeat, добавьте attachment и посмотрите, будет ли он иметь значение:

background: white url(images/bg.jpg) no-repeat fixed center 0;

Затем удалите background-attachment:fixed;

РЕДАКТИРОВАТЬ: Видимое смешение ключевых слов и значений приведет к тому, что некоторые браузеры задохнутся. Поэтому centre 0 может быть проблемой в FF.

Попробуйте 50% 50% или center center

Answer 3

Попробуйте использовать это

background: url(under.gif) no-repeat fixed 10% 20%;

или

width: 780px;
font-family: Arial;
font-size: 0.8em;
background: url(images/bg.jpg) top left repeat-y;
border: 1px solid #e6930f

Надеюсь, это поможет ...:)