javascript - html 5 和 javascript 中的灯箱

Question

我做了一个应用程序，在其中我做了一个拼图游戏。拼图正在工作，但我想展示灯箱效果。我在网络上有一些示例，这些示例在单击链接时显示灯箱，但我想在我的游戏结束时使用它......有人可以用一个例子来解释如何最好地做到这一点.....

Answer 1

游戏结束时将此添加到javascript函数

document.getElementById("yourlightBoxContent").style.display='block';
document.getElementById("opacityless").style.display ='block';

和不透明的css

#opacityless{
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index:1001;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);
}

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