• Страница 1 из 1
  • 1
Форум Studio AD » Сайтостроение » Общий форум по CSS » Как наложить картинку на картинку?
Как наложить картинку на картинку?
MadeMan
Дата: Воскресенье, 23.08.2009, 23:53 | Сообщение # 1
говорун
Группа: Проверенные
Пользователь №: 25
Сообщений: 185
Получено оценок: 6
Хотелось бы узнать, как вообще можно в css наложить картинку на картинку? ;)
  
nеmo
Дата: Понедельник, 24.08.2009, 00:29 | Сообщение # 2
Группа: Удаленные
Ставишь два рисунка подряд, только первому прописать в свойство: position:absolute

style
.class2{background:url(img/small_a_pixel.jpg);width:10px;height:10px;position:absolute}
.calss1{background:url(img/big_a_fon.jpg);width:50px;height:50px}

html

Code
<div>
<div class="calss2"></div>
<div class="calss1"></div>
</div>

первый блок class2 будет отоброжатся на переднем плане, второй блок class1 на заднем плане

Сообщение отредактировал nеmo - Понедельник, 24.08.2009, 00:37
  
LastDay
Дата: Пятница, 28.08.2009, 04:49 | Сообщение # 3
молчун
Группа: Проверенные
Пользователь №: 140
Сообщений: 13
z-index еще можно использовать.

Мой форум
  
ad
Дата: Понедельник, 31.08.2009, 03:57 | Сообщение # 4
Группа: Удаленные
Лично я использую метод что показал nemo, правда иногда делаю так:

<div width="длина" height="ширина" style=" width:ДЛИНАpx; height:ШИРИНАpx; background-image: url('Первое изображение'); color: #000000;"><img src="Второе изображение" border="0" alt="" /></a></div>

А расположение второго изображения отрегулируй margin(ом).

Сообщение отредактировал ad - Понедельник, 31.08.2009, 04:01
  
OnMusic
Дата: Понедельник, 31.08.2009, 14:23 | Сообщение # 5
говорун
Группа: Проверенные
Пользователь №: 120
Сообщений: 158
Получено оценок: 11
Спасибо... ^_^
  
Форум Studio AD » Сайтостроение » Общий форум по CSS » Как наложить картинку на картинку?
  • Страница 1 из 1
  • 1
Поиск:
© Studioad.ru 2006 · 2010. Использование материалов форума на сторонних ресурсах без прямой обратной ссылки строго запрещено. Хостинг от uCoz.