弹出窗口时如何模糊主页 [英] how to blur the main page when popup comes

问题描述

大家好，

我有登录模块和母版页模块，并在母版页上有按钮.每当单击按钮时，登录模块都位于[100x50]尺寸的中心，但是当母版页上的登录模块时，后端页面应该模糊并且只有登录模块区域应重点关注.我想了解如何在此网站http://south.dpsbangalore.net中登录.

请使用示例进行答复.

hi all,

i''ve login module and masterpage module and have button on masterpage.Whenever we clicked on button,login module is oppening at the center of[100x50]dimensions,but when login module on the masterpage ,backend page should blur and only login module area should focus. I want like how login works in this website http://south.dpsbangalore.net.

please reply with an example.

推荐答案

这里有很多jQuery插件，可以完全满足您的要求.在这里找到了一个带有一些示例的页面: http://www.ericmmartin.com/projects/simplemodal-demos/ [ ^ ].

通过谷歌搜索发现:jQuery modal popup

玩得开心！

-MRB

There a quite a few plugins out there for jQuery that do exactly what you want. Here a page I found with some examples on it: http://www.ericmmartin.com/projects/simplemodal-demos/[^].

Found by googling: jQuery modal popup

Have fun!

-MRB

在主父标签内添加div标签:

< div id ="modalbackground" style =位置:绝对；高度:100％；宽度:100％；显示:无； z-index:10000；背景颜色:#7F7F7F；不透明度:0.5；">< ;/div>

然后，
在显示弹出窗口时显示此div，

document.getElementById(``modalbackground'').style.display =''block'';

您的弹出式窗口的z索引应为10001

add a div tag inside main parent tag :

<div id="modalbackground" style=" position: absolute; height:100%; widh:100%; display:none; z-index:10000; background-color: #7F7F7F; opacity: 0.5;"></div>

Then,
display this div while showing your popup,

document.getElementById(''modalbackground'').style.display=''block'';

your popup''s z-index should be 10001

Google for" div overlay ".

您需要做的就是在访问弹出窗口时在页面上放置一个div.诸如div，z-index，不透明度等控件和功能将对您有所帮助.

试试吧！

Google for "div overlay".

All you need is to put a div on the page when you access the popup. Controls and features like div, z-index, opacity, etc are going to help.

Try!

这篇关于弹出窗口时如何模糊主页的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！