当用户点击“Codeacademy”时的类似Codeacademy的效果;开始"按钮

Codeacademy like effect when user clicks "Get started" button

本文关键字：Codeacademy 用户 开始 按钮 quot      更新时间：2023-09-26

我想实现与codeacademy类似的效果(http://www.codecademy.com/)当用户单击"开始"按钮时。因此，基本上只关注一个div，并屏蔽页面的其余部分。

我要求的不是代码，而是方法。除了我想关注的div之外，我已经尝试更改页面其余部分的不透明度，但没有成功。

这是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;
}
相关文章：