2014-12-05 79 views
0

不工作,我把覆盖与下面的CSS:点击叠加

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

}

但随后的代码,对身体点击删除覆盖类,不着火,所以这种叠加做不要走开。

是否有一些限制?

回答

0

我做了一个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'); 
    });