Невозможно получить дробный javascript в качестве фона для div / section

Привет Я пытаюсь получить фон конкретного div на моем веб-сайте, чтобы стать фондом jQuery с частицами – http://jonathannicol.com/blog/2014/08/18/particleground-jquery-plugin-background-particle-systems/ , Я выполнил шаги отсюда и правильно скопировал сценарий, но вместо фона, появляющегося за текстом в div, он формирует другой div или раздел прямо над ним. Включены шаги по устранению неполадок; добавив div перед объявлением раздела и указав ему идентификатор = «частица», добавив div после объявления раздела и указав ему идентификатор = «частица». Также, делая z-индекс каждого из этих divs 1. Вот HTML для раздела:

 

Вот CSS:

 section.about { background-size: cover; background-color: #00a1de; padding-top: 80px; padding-bottom: 80px; } 

Помощь была бы оценена.

  section.about p { font-size: 26px; line-height: 1.5em; color: white; margin: 0; text-align: center; font-weight: 300; } 

Здесь я создал JSFiddle для эффекта частиц, который вы ищете.

Сделав небольшое изменение в CSS, вы можете легко достичь этого:

 section.about { position: absolute; left: 0; top: 50%; padding: 0 20px; width: 100%; text-align: center; } 

Поскольку я читал ваш que, я понял, что вы используете bootstrap, поэтому я также добавил бутстрап- библиотеку, чтобы проверить, поддерживается ли она на поверхности частиц или нет.

Пожалуйста, смотрите. Это сделает трюк для вас.