[Chester]

Доброго времени суток. Возник такой вопрос, как загнать add_block под фоновое изображение?

Допустим, у меня стоит фоновая картинка, позиционированная в правый нижний угол, и при добавлении эддблоком чего угодно, эддблок наложится поверх, верно? Это можно обойти?

Спасибо.

@темы: фоновые картинки, diaryCSS

Comments

[Aloria]

С помощью z-index можно все.
Но имейте в виду, что, если вы отпозиционируете body, то вам придется прописывать z-index (всем!!!) элементам на странице, потому что они окажутся под фоном.
Вы лучше скажите, зачем вам это надо - я уверена, что есть более простой способ решения.

[Chester]

Aloria, собственно, наверное есть, но я не могу с ним разобраться) Допустим у меня стоит на фоне картинка, позиционированная в правый нижний угол. И мне хочется разнообразить фон еще какими-то там, да хотя бы просто полосочками. Если я просто допишу эти полосы эддблоками, вот так:

#add_block1, #add_block2, #add_block3 { position: absolute; width: 100%; z-index: -10 !important; }
#add_block1 { height: 27px; top: 23px; left: 0; background: #a1a1a1; position:fixed !important;border-top: 1px solid #cdcdcd; }
#add_block2 { height: 200px; top: 50px; left: 0; background: #353535; position:fixed !important; }
#add_block3 { height: 13px; top: 250px; left: 0; background: #a1a1a1; position:fixed !important;border-bottom: 1px solid #cdcdcd; }

Они все пройдут поверх фона, вот так:


Тогда можно зайти с другой стороны - прописать фоном именно полосы, а картинку добавить эддблоком, верно? И вот тут я видимо что-то не понимаю, потому что не могу заставить добавленную картинку проявиться именно перед body, но так, чтобы она была за wrapper, и уезжала под него при уменьшении масштаба или разрешения монитора.
Текущая версия:


Вот примерно так, спасибо за внимание)

[Aloria]

Пропишите для враппера position:relative; и z-index: 10; (допустим, можно любое целое положительное число).
А для add_block пропишите z-index меньший, чем у враппера.
Но это если усложнять себе жизнь. Я бы просто сделала в фотошопе фон с полосочками и картинкой, сохранила в jpg и спозиционироваа фон относительно правого края. А всему, что ниже полосочек, прописала background-color коричневый. В данном случае прекрасно можно обойтись без эдд_блоков.

[Chester]

Aloria, тогда если монитор шире моего, и разрешение выше - полосочки будут обрываться. И полосочки это условный пример, с которым легче разбираться, на самом деле, в итоге это будет другой дизайн.

Большое спасибо за помощь)

[Aloria]

Chester., ну сделайте полосочки в 3000 пикселей шириной. Если сохранять для веб, то они весят очень мало, а излишек автоматически уйдет за границы монитора.

[Chester]

Aloria, да, вариант) Но так можно сделать с полосочками, но мне было важнее понять суть, для варианта, где вместо полосочек будет другое изображение)