Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы по вёрстке » Как затемнить фон при открытии модального окна ?

Как затемнить фон при открытии модального окна ?


     09.10.2016    Общие вопросы по вёрстке, Стили (CSS), Хаки    633

вопрос
Доброго времени суток, Пожалуйста помогите найти решение
как сделать так что-бы при открытии модального окна задний фон становился темнее
мне это нужно для того что-бы было комфортно смотреть видео в модальном окне

Всё работает но как сделать затемнение ?
- что нужно внести/поменять ?

<script type="text/javascript">
function ModalWindow() {
var videolink = '';
$("#video-container").dialog({
autoOpen: true,
open: function(event, ui) {
videolink = $(this).find("iframe").attr('src');
},
show: 'fade',
hide: 'fade',
width: 'auto',
beforeClose: function(event, ui) {
$(this).find("iframe").attr('src','');
$(this).find("iframe").attr('src',videolink);
}


});
}
</script>


<a href="#" onclick="ModalWindow(); return false;">Смотреть онлайн</a>
<div id="video-container" title="Смотреть кино" style="display:none; "><iframe src="http://vk.com/video_ext.php?oid=232777078&id=169552122&hash=8e6c84537037ff5b&hd=1" width="800" height="360" frameborder="0"></iframe></div>

Ответил: Sander


modal: true,

<script type="text/javascript">
function ModalWindow() {
var videolink = '';
$("#video-container").dialog({
autoOpen: true,
open: function(event, ui) {
videolink = $(this).find("iframe").attr('src');
},
show: 'fade',
hide: 'fade',
width: 'auto',
modal: true,
beforeClose: function(event, ui) {
$(this).find("iframe").attr('src','');
$(this).find("iframe").attr('src',videolink);
}


});
}
</script>


<a href="#" onclick="ModalWindow(); return false;">Смотреть онлайн</a>
<div id="video-container" title="Смотреть кино" style="display:none; "><iframe src="http://vk.com/video_ext.php?oid=232777078&id=169552122&hash=8e6c84537037ff5b&hd=1" width="800" height="360" frameborder="0"></iframe></div>


Сама прозрачность настраивается в стиле:
.ui-widget-overlay{}

2 комментария

nurbekov
Юзер

nurbekov - 9 октября 2016 18:40 -


clavik13
Юзер

clavik13 - 9 октября 2016 19:28 -

тогда будет затемнение при открытии всех модальных окон а мне это не нужно

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх