javascript - 用户单击“开始”按钮时类似 Codeacademy 的效果

Question

当用户单击开始按钮时，我想实现与 codeacademy (http://www.codecademy.com/) 上的效果类似的效果。所以基本上专注于单个 div 并遮蔽页面的其余部分。

我不是要代码，而是要方法。我试图改变页面其余部分的不透明度，除了我想要关注的 div 但没有成功。

Answer 1

这是CSS

.dimmer {
   background-color: #000;
   opacity: 0.4;
   z-index: 999;
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   display: block;

}

#frame-that-does-not-dim {
   z-index: 99999;
}