Доброго времени суток!
Требуется решить сдующую задачу:
Есть фон, который формируется мощением картинки (дабы трафик не кушать);
требуется поверх фона расположить 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>
<div id="fon1"></div>
Но контент все равно отобразается за этими дивами!
Пробовал решать через z-index - ни к чему не привело (
Если требуется еще что-то - пишите скину.