div на задний план

mrJim · 1 липня 2014

Доброго времени суток!

Требуется решить сдующую задачу:

Есть фон, который формируется мощением картинки (дабы трафик не кушать);

требуется поверх фона расположить 2 изображения в определенных местах,

и уже поверх всего этого отображать контент.

Ранее было реализовано с помощью одной большой картинки содержащей и фон и требуемые изображения, но это все много вестит и требуется оптимизация.

По факту я понимаю, что требуется добавить пару div'ов перед контентом, однако на деле получается, что контент отображается за добавленными дивами.

Прилогаю краткий листинг того что делаю:

stylesheet.css

body

{

...

background: url('../image/f5.jpg');

...

}

#fon1
{
   position:absolute;
    width:400px;
   height:477px;
   background: url('../image/fon1.png');
}

В header.tpl вставяю в самом начале, после <body>

Но контент все равно отобразается за этими дивами!

Пробовал решать через z-index - ни к чему не привело (

Если требуется еще что-то - пишите скину.

riny · 1 липня 2014

приложите лучше ссылку

mrJim · 1 липня 2014

В сети нету, только на локальном

Tom · 1 липня 2014

Ранее было реализовано с помощью одной большой картинки содержащей и фон и требуемые изображения, но это все много вестит и требуется оптимизация.

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

mrJim · 1 липня 2014

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

Фон теперь моститься, а не одна большая картинка.

Jedi · 1 липня 2014

#fon1
{
position:absolute;

z-index: -1;
width:400px;
height:477px;
background: url('../image/fon1.png');
}

mrJim · 1 липня 2014

#fon1

{

position:absolute;

z-index: -1;

width:400px;

height:477px;

background: url('../image/fon1.png');

}

А вот что он отрицательным может быть я правда не знал(

Спасибо! Все вроде получилось!

Вхід

div на задний план

Recommended Posts

mrJim

Надіслати

Поділитися на інших сайтах

riny

Надіслати

Поділитися на інших сайтах

mrJim

Надіслати

Поділитися на інших сайтах

Tom

Надіслати

Поділитися на інших сайтах

mrJim

Надіслати

Поділитися на інших сайтах

Jedi

Надіслати

Поділитися на інших сайтах

mrJim

Надіслати

Поділитися на інших сайтах

Створіть аккаунт або увійдіть для коментування

Створити обліковий запис

Вхід

Зараз на сторінці 0 користувачів

Покупцям

Розробникам

Корисна інформація

Останні розширення

Ваші замовлення

ocStore

Шаблони

OpenCart.Pro

Important Information