JS弹出元素使周围的网站变暗

Question

我不太确定如何描述我想做的事情,但我确信我之前在很多网站上都看过它.

基本上,当有人点击链接时,它应该显示一个包含一些文本的元素,并使网站的其余部分变暗,以便用户将焦点指向元素.它也不应该让用户点击调暗区域,因为通知需要在确认之前进行确认.

我在我的网站上使用jQuery,所以如果它更容易,我很乐意使用它.

Answer 1

在"模态"模式下打开时,jQuery UI的对话框小部件将使用"半透明"背景.

HTML:

<div id='test' title='test'>Test!</div>

JavaScript的:

$('#test').dialog({modal: true});