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

>Ф А Й Л Ы

>С Т А Т Ь И

>Р Е Ф Е Р А Т Ы

>Ф О Р У М

>О Т З Ы В Ы

>Т Е С Т Ы

>F l a s h И Г Р Ы

>Ф О Т О Ш О П


Советуем...
WinDjView 0.4.3
WinDjView 0.4.3 - программа необходима для просмотра файлов формата djvu. Очень удобная, нет ничего лишнего. Я сам ей пользуюсь. Не требуется установка.

Шпоры по Теории Информации (ТИ)
Шпоры по Теории Информации. Смагин А. А. , Ульяновск, Ульяновский Государственный Университет (УлГУ),  Факультет Математики и Информационных Технологий (ФМиИТ)
Нужно распечатать каждую страницу с обеих сторон листка!

Crack для AnyLogic

AnyLogic - программное обеспечение для имитационного моделирования сложных систем и процессов, разработанное российской компанией «Экс Джей Текнолоджис» ( XJ Technologies). Программа обладает графической средой пользователя и использует язык Java для разработки моделей.


Учебник для студентов и новичков по HTML
Курс посвящен изучению языка гипертекстовой разметки HTML. Рассматриваются основные конструкции языка, приемы разметки и связь с другими инструментами разработки WEB-страниц. Главная цель курса – научить студентов создавать свои собственные сайты в Internet.


Опрос
Зацените дизайн сайта
Всего ответов: 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
Просмотров: 12462
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Разделы новостей
Мои статьи [24]
Учебные статьи [9]
Заработок [0]
ВЕБ-мастеру [0]
Online-сервисы [0]
Интересное [0]

Статистика

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


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

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

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

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