javascript - HTML5および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/