MMGP logo
Присоединяйтесь к нашему инвестиционному форуму, на котором уже 649,747 пользователей. Чтобы получить доступ ко многим закрытым разделам и начать общение - зарегистрируйтесь прямо сейчас.
Обсуждение веб-дизайна. Здесь можно получить помощь по вопросам HTML/CSS и т.д.
Первый пост Опции темы
Старый 29.08.2015, 12:55
#1
Специалист
 
Имя: Андрей
Пол: Мужской
Инвестирую в: разработка сайтов
Регистрация: 02.07.2010
Сообщений: 1,665
Благодарностей: 524
Как сделать всплывающий 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
Миниатюры
Нажмите на изображение для увеличения
Название: do.png
Просмотров: 197
Размер:	276.6 Кб
ID:	135862   Нажмите на изображение для увеличения
Название: posle.png
Просмотров: 142
Размер:	274.9 Кб
ID:	135863  
An27 вне форума
Войдите, чтобы оставить комментарий.
Быстрый переход
Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как сделать меню... usk HTML & Веб-Дизайн 7 31.10.2008 17:49