MMGP logo
Присоединяйтесь к нашему инвестиционному форуму, на котором уже 650,419 пользователей. Чтобы получить доступ ко многим закрытым разделам и начать общение - зарегистрируйтесь прямо сейчас.
Вернуться Форум о заработке и инвестициях > Форум вебмастеров > Сайтостроение: общий форум > HTML & Веб-Дизайн
Перезагрузить страницу

Как сделать всплывающий div на css

?
Регистрация
Обсуждение веб-дизайна. Здесь можно получить помощь по вопросам HTML/CSS и т.д.
 Первый пост Опции темы
Старый 29.08.2015, 12:55
#1
Специалист
 
Имя: Андрей
Пол: Мужской
Инвестирую в: разработка сайтов
Регистрация: 02.07.2010
Сообщений: 1,665
Благодарностей: 524
Как сделать всплывающий div на css
Полезно будет для интернет магазинов.
До:

После:

Все делается с помощью отрицательных margin и правильных padding.
Вот код:
PHP код:
 box-shadow: 0 0 6px 2px #45D4FD; //цвет обводки
    background: rgba(255, 255, 255, 0.95);//белый фон, 0.95 прозрачности
    margin: -1% -3% -2% -3%; //отступы
    width: 37%; //ширина блока
    height: 230px; //высота
    padding-top: 1.5%; //отступ внутри
    position: relative; //это и последнее для того, чтобы рамки других блоков не залазили
    z-index: 2; 
Миниатюры
Нажмите на изображение для увеличения Название: do.png Просмотров: 197 Размер: 276.6 Кб ID: 135862   Нажмите на изображение для увеличения Название: posle.png Просмотров: 142 Размер: 274.9 Кб ID: 135863  
__________________
Реклама: FoxMixer — надежный, проверенный временем биткоин миксер
ибо ленивый я.мой bdseo.ru
Меняйся выгодно: BTC, BTC-E, WMZ, PM, WIRE, SEPA
An27 вне форума
Войдите, чтобы оставить комментарий.
Быстрый переход
Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как сделать меню... usk HTML & Веб-Дизайн 7 31.10.2008 17:49