css - 使整个页面变暗的按钮？

Question

我正在用 CSS 和 HTML 制作一个网站(当然还有 JS、jQuery 和 XML，但让我们坚持这一点)我想用 <ul> 制作一个按钮和 <li>使网页变暗，我找到了这个，代码:

#dimmer
{

background:#000;
    opacity:0.5;
    position:fixed; /*enter code here important to use fixed, not absolute */
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:none;
    z-index:9999; /* may not be necessary */
}

你们中的任何人都知道如何使 CSS 菜单按钮使用 div自身内部？

Answer 1

这里有一个CodePen上的demo来演示调光效果和按钮:http://codepen.io/srig99/full/pDzgj .正如 user1618143 所建议的那样，jQuery 将使您可以轻松地在您的网站中实现这一目标。我也在演示中使用了 jQuery。