Подскажите по CSS - Наложение картинки на картинку

Globalzru · 25.10.2010, 20:13

Ква all
Само наложение, я решил, проблема в том, что я не могу удержать оба рисунка в нужном диве, так как используется position: absolute

Код

PHP код:


			
<div id="image">

<img src="картинка_снизу.jpg" alt="" border="0" style="position: absolute; top: 0px; left: 0px" />

<img src="картинка_сверху.jpg" alt="" border="0" style="position: absolute; top: 0px; left: 0px" />

</div>

Проблема в том, что обе картинки, отображаются сбоку экрана, а не в диве image.
Вопрос: Как удержать обе картинки в диве image при том, чтобы они остались наложены друг на друга

P.S. Где-то год назад, я такое делал, но сейчас вообще не могу вспомнить как

СОС!

MrMozg · 25.10.2010, 20:31

Чтоб были в div-е image и оставались наложены друг на друга нужно у div-а image указать position fixed, relative или absolute, в таком случае все получится.

PHP код:


			
<div id="image" style="position: relative;"> 

<img src="11.jpg" alt="" border="0" style="position: absolute; top: 0px; left: 0px" /> 

<img src="22.jpg" alt="" border="0" style="position: absolute; top: 0px; left: 0px" /> 

</div>

Globalzru · 25.10.2010, 20:37

Точно, именно оно и есть! Большое спасибо за помощь... +

badimao · 25.10.2010, 20:51

(в плане обучаюсь потому спрашиваю)

а я думал это дело z- индексами лучше решать?

Atomic · 25.10.2010, 20:57

z-index регулирует порядок отображения слоя (план).

badimao · 25.10.2010, 20:58

Цитата:

Сообщение от Atomic

z-index регулирует порядок отображения слоя (план).

дык да. вот я и думаю

Atomic · 25.10.2010, 21:04

Цитата:

дык да. вот я и думаю

для обывателя это передний- задний план, отображение слоя за другим слоем или перед ним. А position:relative дает возможность отображать слой относительно родительского тега, а не окна.
Короче, z-index это глубина(поэтому и z , начертательную геометрию изучали?) а position:relative это x и у.

badimao · 25.10.2010, 21:09

Цитата:

Сообщение от Atomic

А position:relative дает возможность отображать слой относительно родительского тега, а не окна.

теперь ясно. а то я на фотошоп ассоциирую и не пойму в чем же дело.

25.10.2010, 20:13	#1
Globalzru Глобальный Wordpress'овед Регистрация: 20.06.2008 Адрес: Чешская республика Сообщений: 1,853 Вес репутации: 297	Подскажите по CSS - Наложение картинки на картинку Ква all Само наложение, я решил, проблема в том, что я не могу удержать оба рисунка в нужном диве, так как используется position: absolute Код PHP код: `<div id="image"> <img src="картинка_снизу.jpg" alt="" border="0" style="position: absolute; top: 0px; left: 0px" /> <img src="картинка_сверху.jpg" alt="" border="0" style="position: absolute; top: 0px; left: 0px" /> </div>` Проблема в том, что обе картинки, отображаются сбоку экрана, а не в диве image. Вопрос: Как удержать обе картинки в диве image при том, чтобы они остались наложены друг на друга P.S. Где-то год назад, я такое делал, но сейчас вообще не могу вспомнить как СОС! __________________ Заходите на мой личный блог [Обменяюсь ссылками с подобными сайтами, ТИЦ от 10] Стабильный хостинг - Хочешь скидку 25% на любой НОВЫЙ заказ? Напиши! Недорогие услуги по Wordpress

25.10.2010, 20:31	#2
MrMozg Новичок Регистрация: 05.09.2008 Адрес: Украина, Донбасс Сообщений: 84 Вес репутации: 195	Чтоб были в div-е image и оставались наложены друг на друга нужно у div-а image указать position fixed, relative или absolute, в таком случае все получится. PHP код: `<div id="image" style="position: relative;"> <img src="11.jpg" alt="" border="0" style="position: absolute; top: 0px; left: 0px" /> <img src="22.jpg" alt="" border="0" style="position: absolute; top: 0px; left: 0px" /> </div>`

25.10.2010, 20:37	#3
Globalzru Глобальный Wordpress'овед Регистрация: 20.06.2008 Адрес: Чешская республика Сообщений: 1,853 Вес репутации: 297	Точно, именно оно и есть! Большое спасибо за помощь... + __________________ Заходите на мой личный блог [Обменяюсь ссылками с подобными сайтами, ТИЦ от 10] Стабильный хостинг - Хочешь скидку 25% на любой НОВЫЙ заказ? Напиши! Недорогие услуги по Wordpress

25.10.2010, 20:57	#5
Atomic Починяю примуса Регистрация: 26.09.2008 Сообщений: 1,505 Вес репутации: 285	z-index регулирует порядок отображения слоя (план). __________________ Починяю разнокалиберные примуса здесь.

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
ФФ кэш или помогите выдрать картинку	Русская мафия	Курилка	9	27.08.2010 07:32
удалить картинку с Шоп Скрипта	minutka	Разработка и сопровождение сайтов	3	04.02.2010 20:13
1 WMZ за картинку на сайт 16х16 gif	Gonzales999	Деловое сотрудничество	6	03.07.2009 15:35
Наложение водяных знаков (массово)	bla-bla-bla	Курилка	4	28.06.2009 22:09
Ссылка на картинку=ВС ?	Challenger	Общие вопросы оптимизации	40	13.02.2009 08:41

25.10.2010, 20:51	#4
badimao Эксперт Регистрация: 24.03.2009 Сообщений: 1,794 Вес репутации: 291	(в плане обучаюсь потому спрашиваю) а я думал это дело z- индексами лучше решать?