Добрый вечер. Есть к примеру такой код анимационного фона -

Код: Выделить всё

<!DOCTYPE html>
<html lang="en">
  
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta name="description" content=""/>

    <title>Фоновый эффект - Звездное небо</title>
	<link href="http://bayguzin.ru/demo2014/zvezdnoe_nebo/css/night.css" rel="stylesheet"/>

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
      <script src="../../docs-assets/js/respond.min.js"></script>
    <![endif]-->
		


  
    <canvas id="pixie"></canvas>
    <div class="container">

    </div>

	
	<script src="http://code.jquery.com/jquery-1.7.1.min.js" type="text/javascript"></script>
  <script src="http://bayguzin.ru/demo2014/zvezdnoe_nebo/js/parallaxsoon.js" type="text/javascript"></script>


Пробовал ставить просто в хедер, фон работает но перекрывает родные функции форума. Как бы поверху получается. Как правельно сменить фон ?
Комментарии: 3

CabinetAdmin 21 фев 2015, 21:10 Сообщение

Можно попробовать использовать position: absolute; для блока на переднем фоне.
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

romaamor 21 фев 2015, 22:21 Сообщение

CabinetAdmin писал(а): Можно попробовать использовать position: absolute;
А по подробней можно ? А то не понял. :scratch:
  • 0

CabinetAdmin 21 фев 2015, 23:03 Сообщение

Ну, насколько помню canvas встаёт на передний фон, ну или просто как простой элемент с заданными размерами, и чтобы поместить в него что-то другое (в данном случае сам форум) нужно позиционировать относительно от родителя и ставить его поверх него.
Грубо говоря, родительский элемент, body например, имеет свойство position: relative;, потом идёт эта анимация, которая занимает пространство на экране, и чтобы поместить сам форум на передний экран можно попробовать дать ему position: absolute;, плюс различные другие свойства, которые могут понадобиться.

Это я в теории, ибо не проверял.
  • 2
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

Похожие темы