Question

我添加了以下css的叠加层：

body.overlay:after {
 content: '';
 display: block;
 position: absolute;
 width: 100%;
 height: 100%;
 background: rgba(0, 0, 0, 0.7);
 z-index: 9998;

}

但是然后在身体点击时移除叠加层的代码，不要点燃，所以这个叠加层不会消失。

有一些限制吗？

Answer 1

我做了一个JSFiddle，并且在小提琴中它工作正常。

JSFiddle： http://jsfiddle.net/sfueju4b/

HTML：

<body class="overlay">
</body>

CSS：

body.overlay:after {
     content: '';
     display: block;
     position: absolute;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.7);
     z-index: 9998;
}

JS：

$('body').on('click', function() {
        $(this).removeClass('overlay');
    });

单击不适用于叠加层

1 个答案: