я очень давно не верстал.. уже всё позабыл..
подскажите, как можно наложить одну картинку на другую и какие существуют "опции"..
насколько я помню это делается с помощью слоев, но не помню как...
если кто-то может - объясните как можно подробнее...
Вид для печати
я очень давно не верстал.. уже всё позабыл..
подскажите, как можно наложить одну картинку на другую и какие существуют "опции"..
насколько я помню это делается с помощью слоев, но не помню как...
если кто-то может - объясните как можно подробнее...
ну... хы...
чтоб такое забыть - нада амнезию получить, а не просто давно не верстать... [Only registered and activated users can see links. Click Here To Register...]
Корочи, если те это надо не через пхп делать, то:
рисуешь картинку которая будет накладываться, либо гиф с прозрачностями (иначе не имеет смысл анкладывать), либо же пнг (тот что 24), ессно тоже с прозрачностями
Ну и далеее дофига вариантов:
От того чтобы картинку и над ней див рисовать, кончая тем, что втыкать на бэкграунд картинку, а как имейдж пихать эту самую фишку сверху... 8)
Короче вариантов там тьма...
позиционируешь картинки абсолютно, так как нужно чтобы они накладывались, ставишь им разное значение z-index... например той, что должна быть ниже: z-index:1; а которая выше - соответсвенно 2.
про бэкграунды и картинки понятно..
LiveЦитата:
От того чтобы картинку и над ней див рисовать
а подробнее можно?
Ital, дай более подробно информацию о том, что нужно сделать. Я напишу как бы я сверстал.
вобщем есть картинка ввиде схемы.. нужно сверху накладывать рамочки, которые бы соединяли определенные фрагменты..
1. <div style="width: 1%;">
2. <div style="position:absolute;">
3. [img]orver.gif[/img]
4. </div>
5. [img]under.jpg[/img]
6. </div>
Соответственно:
1 строчка. Впринципе не обязательна... НО она не даст разъехаться всей это контрукции... При желании можно поставить и display: inline; конструкция не порушится.
2 строчка. Делаем еще один див и выстраиваем ешл "поверх" того что будет ниже... то есть ставим позиционированние - абсолютное, можно указать z-index - но это вроде не обязательно. А так же, если нужно сдвинуть эту самую картинку, которая будет поверх картинки снизу - то можем дописать в стиль: margin-***: NNNpx; где NNN - число, а *** - top, right,left,bottom. Так же отступы можно задавать со всех сторон одинаковый через margin: NNpx; или же везде разный через тот же margin: NNpx NNpx NNpx NNpx; то есть TOP RIGHT BOTTOM LEFT.
3 строчка. Вставляем в этот самый див, котороый будет поверх артинки саму картинку, которая будет над той что снизу
4 строчка. Закрываем див
5. Вставляем картинку, которая будет ПОД дивом
6. Закрываем последний див...
Вот и всё [Only registered and activated users can see links. Click Here To Register...]
Удачи
2GoDoom
о, супер!
большое спасибо!