Всплывающие окно, центрование и затемнение фона при всплывании

l17l · 2014-06-20T13:16:56.0000000Z

Здравствуйте, нужна небольшая помощь. Нажимаю на ссылку и всплывает окно, нужно реализовать когда оно всплывает что бы фон затемнялся на всем сайте, что бы акцент был на окно, что бы оно с сайтом не сливалось. А так же нужна помощь в реализации что бы окно было по середине, я мутил и чет все равно оно не по середине окна брайзера. css всплывающего окна. #calendarstat { position:fixed; left: 41%; top: 41%; background: #FFCCE2; height: 250px; width: 280px; -webkit-box-shadow: 0px 0px 25px 0px rgba(50, 50, 50, 0.71); -moz-box-shadow: 0px 0px 25px 0px rgba(50, 50, 50, 0.71); box-shadow: 0px 0px 25px 0px rgba(50, 50, 50, 0.71); border: solid 3px #F16499; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align: center; padding:10px; } css затемнение фона .mask { position: fixed; top: 0; left: 0; z-index: 9990; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); } если я все это объединяю. то стиль всплывающего окна портиться и оно не понятно где.

L

83

l17l

26 июня 2014, 00:12

#11

Sly32:
У меня на сайте вывод формы запроса реализован примерно так как вы хотите - http://www.trutravel.ru/otdyx-v-belarusi/testovaya/ Нажмите на кнопку [Подобрать коттедж]. Если нравится - скину код

ага не плохо, я как бы реализовал, ну давай скидывай ! у тебя плавное появление это хорошо.

спасибо !!!!!!!!

C

291

Chukcha

26 июня 2014, 00:28

#12

:(

блок с position:fixed и jquery.fadeToggle

:(

S3

368

Sly32

26 июня 2014, 06:33

#13

Chukcha:
:(
блок с position:fixed и jquery.fadeToggle
:(

Это разве проблема?

C

291

Chukcha

26 июня 2014, 06:48

#14

Нет не проблема - не по теме.

6

biggo

2 июля 2014, 18:51

#15

l17l:

я не пойму как там на тему перейти, а то демку только смотрю!

какую тему? я не пойму

Бигго. Конструктор сайтов и интернет-магазинов (http://biggo.pro)

Все что нужно знать о DDоS-атаках грамотному менеджеру

Google: E-E-A-T не является фактором ранжирования