Присоединяйтесь к нашему инвестиционному форуму, на котором уже 398,509 пользователей. Чтобы получить доступ ко многим закрытым разделам и начать общение -  .
Вход через:  
Обсуждение веб-дизайна. Здесь можно получить помощь по вопросам HTML/CSS и т.д.
Важная информация
Стартовала бессрочная акция "Оплата за сообщения".
Уважаемый гость, стартовал новый этап конкурса "Путь к успеху" ($500) подробнее...
Открылся магазин MMGP
Ответить
 
Первый пост Опции темы
Сообщения прочитаны и/или просмотрены Сегодня, 00:17
Старый 29.08.2015, 13:55
#1
Мастер
 
Имя: Андрей
Пол: Мужской
Инвестирую в: Свой бизнес
Регистрация: 03.07.2010
Сообщений: 1,733
Благодарностей: 583
Записей в блоге: 1
КП: 0.362
Как сделать всплывающий div на css

Полезно будет для интернет магазинов.
До:

После:

Все делается с помощью отрицательных margin и правильных padding.
Вот код:
PHP код:
 box-shadow0 0 6px 2px #45D4FD; //цвет обводки
    
backgroundrgba(2552552550.95);//белый фон, 0.95 прозрачности
    
margin: -1% -3% -2% -3%; //отступы
    
width37%; //ширина блока
    
height230px//высота
    
padding-top1.5%; //отступ внутри
    
positionrelative//это и последнее для того, чтобы рамки других блоков не залазили
    
z-index2
An27 вне форума  
Ответить
Войдите, чтобы оставить комментарий.
Сообщения прочитаны и/или просмотрены Сегодня, 00:17
Опции темы

Быстрый переход
Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как сделать меню... usk HTML & Веб-Дизайн 7 31.10.2008 17:49


Случайные темы
Аватар Влад555
Лучшие краудфандинговые проекты декабря
От Влад555 в разделе «Инвестирование в стартапы»
Аватар Avia-investor
Global fx money - globalfxmoney.com
От Avia-investor в разделе «Архив: Список проблемных/неактивных/закрытых программ»
Аватар Alex356
WebMoney запустила универсальный сервис по сбору средств
От Alex356 в разделе «Новости платежных систем»
Аватар Саша Чакки
Alcoa решила закрыть свой крупнейший в США алюминиевый завод
От Саша Чакки в разделе «Новости в мире финансов и инвестиций»
Аватара нет
Требуется 300WMZ на 20 дней (макс). Возврат 320WMZ
От ArtCool в разделе «Архив: Прием лимитов доверия»
.