html - 将登录页面创建为弹出窗口,使页面变得模糊

标签 html css

我正在尝试创建一个登录/注册页面,我希望如此,当用户按下主页上的“立即注册”按钮时,会出现同一网站中的弹出窗口,但背面透明且暗淡,此处是我的意思的一个例子,因为我不知道如何解释它,

http://www.crazely.com/graphic/login-page-design-samples-ui-and-cool-stuff/

还有我在这个页面上找到的内容,

http://www.pmob.co.uk/temp/javascript-centre.htm

基本上我只是想知道如何做到这一点,

如果可能,我想尽可能远离 javascript 或 j 查询 谢谢你的帮助

最佳答案

如果你想要真正的模糊,试试CSS filter effects .然而,这些只能在 Webkit 中工作,而且它们可能是密集型的(即缓慢的)。

您的第二个示例只是放置在实际页面顶部的半透明黑色背景,这更加容易和简单。获取透明 PNG(例如来自 here)并将其用作跨越整个页面的大元素的背景图像,然后将您的表单放在该元素的顶部。

模糊技术和半透明背景都可以仅通过 CSS 完成,因此您不需要 Javascript 或 jQuery,但创建任何类型的弹出窗口可能需要一些最少的脚本。

关于html - 将登录页面创建为弹出窗口,使页面变得模糊,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21499870/

相关文章:

html - 背景图片不会移动,如何居中?

jquery - 为什么 JQuery 只显示包含在其他标签中的 HTML 字符?

css - 导航栏在某些页面上有粘性,但在其他页面上没有

php - 如何忽略来自 WordPress 插件样式表的特定 CSS 代码?

html - 我如何定位一个带有 3 个 font-awesome-icons 的 div 以便网站响应?

javascript - 闪烁文本跨浏览器

c# - CSS 在页面回发 ASP.NET 期间被删除了一段时间

javascript - 如何通过 Javascript 停用部分 html 代码

css - 如何在 Css 字体系列中使用 "Wedding text "?

java - 如何让WebView中的文字换行?