创建叠加弹出窗口

Question

我想创建一个窗口弹出窗口，用半透明的黑色叠加层使整个窗口变暗，中间有一个弹出窗口，用于警告用户某些事情。我在att网站上看​​到过这样的东西

http://www.att.com/wireless/iphone/?wtSlotClick=1-003G93!CIWM01-3-1&rel=nofollow

如果您点击立即订购按钮，它会弹出并使整个窗口变暗。我知道很少的javascript（接近0），我目前正在使用Rails找到答案。有谁知道我实现这种效果的快捷方式？

Answer 1

如果您使用原型并且不想自己动手，请查看优秀的http://www.nickstakenburg.com/projects/lightview/。请注意，它将花费你50美元，但它可能是我见过的最好的实现

如果您不介意包含jquery，我通常会在需要类似功能时使用http://defunkt.github.com/facebox/。

Answer 2

http://www.emanueleferonato.com/2007/08/22/create-a-lightbox-effect-only-with-css-no-javascript-needed/

这就是所谓的灯箱，只能使用CSS来完成（但如果你想激活oncl​​ick则需要使用javascript）。