Помощь студентуСтатьиМои статьиНаложение картинки на картинку
13 Сентября 2024, Пятница
02:10
>>> Качественная веб-разработка <<<
02:10
Меню сайта
>Г Л А В Н А Я

>Ф А Й Л Ы

>С Т А Т Ь И

>Р Е Ф Е Р А Т Ы

>Ф О Р У М

>О Т З Ы В Ы

>Т Е С Т Ы

>F l a s h И Г Р Ы

>Ф О Т О Ш О П


Советуем...
Программа для создания шпор
Программа для автоматического создания шпор. Закладываете текст, рисунки и прочее, печатаете нужное количество копий - получаете всей группой зачет.

Решенные задания из пильщикова
Решенные задания из Пильщикова. Какие задания решены, читайте на странице материала.

Механика, колебания и волны, молекулярная физика - Савельев И.В.
Очень хороший учебник по физике, все подробно и понятно описывается, все темы по Механике, Колебаниям и Молекулярке. Советую качать тем, кто начал учить только за день до экзамена.

Учебник по NVU
Учебник по NVU 1.0. А также неплохой учебник по HTML.

Открыть содержание


Опрос
Зацените дизайн сайта
Всего ответов: 380

Сотрудничество
Поставьте себе на сайт и сообщите мне


код кнопки:



Статьи
Главная » Статьи » Мои статьи

Наложение картинки на картинку

Всё очень просто – всё что нам понадобиться это дополнительный элемент с картинкой в качестве фона для создания эффекта наложения. И так – приступим…

Основная концепция

Добавляем тэг <span> внутрь <div>, и применяем к нему стиль с фоновым изображением – таким образом у нас получиться эффект наложения двух картинок (вы так же можете воспользоваться jQuery для добавления тэга на лету, пример далее).

В CSS необходимо обратить внимание на то, что тэг div у нас position:relative, а spanposition:absolute. Это необходимо, чтобы свойства top и left у элемента span позиционировали его относительно div’a.



Источник: http://anton.shevchuk.name/html-and-css/css-image-gallery/
Категория: Мои статьи | Добавил: DiP_admin (16 Августа 2009) | Автор: Дмитрий E W
Просмотров: 12603
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Разделы новостей
Мои статьи [24]
Учебные статьи [9]
Заработок [0]
ВЕБ-мастеру [0]
Online-сервисы [0]
Интересное [0]

Статистика

Яндекс.Метрика


Онлайн всего: 1
Гостей: 1
Пользователей: 0

Все пользователи

Яндекс цитирования Rambler's Top100

Сайт работает с 2008 года