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