Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Затемнить фон.

 PHP.SU

 Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Описание: Централизуем модальное окно
Поиск в теме | Версия для печати
dubasua
Отправлено: 03 Ноября, 2012 - 16:25:47
Post Id



Посетитель


Покинул форум
Сообщений всего: 454
Дата рег-ции: Апр. 2012  


Помог: 7 раз(а)
Я не помню как затемнить основной фон, для вывода модального окна. Делаю цвет фона body серым, он и делается, но затемняются не все элементы страницы.
 
 Top
AlexAnder
Отправлено: 03 Ноября, 2012 - 16:30:52
Post Id



Частый посетитель


Покинул форум
Сообщений всего: 915
Дата рег-ции: Авг. 2012  
Откуда: Россия


Помог: 34 раз(а)


-----
Оказывается, недостаточно читать справочники, чтобы правильно писать коды. sadex ©

Форумы стали местом обучения программированию, а не решения трудных вопросов. KingStar ©
 
 Top
armancho7777777 Супермодератор
Отправлено: 03 Ноября, 2012 - 16:33:34
Post Id



Активный участник


Покинул форум
Сообщений всего: 4526
Дата рег-ции: Февр. 2011  
Откуда: Москва


Помог: 221 раз(а)
dubasua пишет:
Делаю цвет фона body серым

)) Ну Вы даёте ))
Вставьте блок <div id='mask'></div> сразу после открывающего тега <body> и задайте ему стили:
CODE (css):
скопировать код в буфер обмена
  1.  
  2. #mask {
  3.         position:absolute;
  4.         top:0;
  5.         left:0;
  6.         width:100%;
  7.         height:100%;
  8.         z-index:1000;
  9.         background:#b6b6b6;
  10.         opacity:0.6;
  11.         filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
  12.         filter: alpha(opacity=60);
  13.         -moz-opacity: 0.6;
  14.         -khtml-opacity: 0.6;
  15.         }
  16.  

(Добавление)
А, уже ответили ))
 
 Top
dubasua
Отправлено: 03 Ноября, 2012 - 16:43:11
Post Id



Посетитель


Покинул форум
Сообщений всего: 454
Дата рег-ции: Апр. 2012  


Помог: 7 раз(а)
Я так и сделал. А в id=mask вложил модальное окно, а он унаследовал opacity
(Добавление)
Разобрался. Уже с пол года за js и css не брался.
(Добавление)
Всем спасибо.
 
 Top
armancho7777777 Супермодератор
Отправлено: 03 Ноября, 2012 - 16:59:54
Post Id



Активный участник


Покинул форум
Сообщений всего: 4526
Дата рег-ции: Февр. 2011  
Откуда: Москва


Помог: 221 раз(а)
dubasua пишет:
А в id=mask вложил модальное окно, а он унаследовал opacity

Само собой ))
Я же вроде показал код без вложений ))
armancho7777777 пишет:
Вставьте блок <div id='mask'></div> сразу после открывающего тега <body>
 
 Top
Поиск в теме | Версия для печати
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« HTML, Дизайн & CSS »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
  



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB