Долго искал эффект прозрачного popup окошка на css. Очень уж интересен мне был этот эффект. Видел конечно и на flash такое дело, но как то в этом смысле css более меня заинтриговал. В общем в этой статье мы с тобой разберём метод создания выскакивающей рекламы, или другой любой информации, в таком вот замечательном окошке, которое ты можешь видеть на этом демо. Нажми там на ссылку, которая находиться в самом верху, на черном фоне, для отображения popup окошка.Согласитесь вещь очень интересная и красивая. Такое рекламное окошко не только привлечет клинта кликнуть по рекламе, но и оставит положительное впечатление о твоем проекте. Ну что, не будем тянуть кота за хвост, приступим.
HTML
Как ты уже догадался, этот код мы пропечатаем в самом теле твоего html файла, или по другому, на странице где будет происходить отображение окошка.
Щелкни для увеличения картинки
CSS
Теперь пришла пора создать css стиль для нашего окошка. Либо на самой странице в шапке, либо отдельным файлом создаем стиль показанный ниже.
Теперь еще кусочек кода который будет центрировать наше окно и определять его размеры.
Щелкни для увеличения картинки
Теперь еще кусочек кода который будет центрировать наше окно и определять его размеры.
И последний стришок в css
Как сделать фиксированное позиционирование в IE?
Окошко мы с тобой сделали, но дело в том, что IE не понимает фиксированного позиционирования и окно наше будет выглядеть там нелепо. Поэтому нам еще чуть-чуть нужно доработать его. Поможет вот этот код.
