點擊疊加

不工作，我把覆蓋與下面的CSS：點擊疊加

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

}

但隨後的代碼，對身體點擊刪除覆蓋類，不着火，所以這種疊加做不要走開。

是否有一些限制？

來源

2014-12-05 jonny pixel

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

來源

2014-12-05 10:19:31 SemperMemento

回答

相關問題