CSS禁止屏幕如Javascript警报(CSS suppress screen like Java

2019-09-26 00:23发布

所以我有一个隐藏的div显示本身$(document).ready()显示形式要么登录或注册。 我试图让屏幕看起来抑制如当显示传统的JavaScript警告。 我在测试阶段,并只使用一个类,设置不透明度为主体,但它也适用于弹出股利。 我想刚才设置不透明度到它背后的一切。 下面是我。

$("body").not("#overlay").addClass("suppress");

我尝试过其他几个变化,以排除该div,但我不知道它这是可能的,因为我申请到body 。 你有和建议,使我在正确的方向?

Answer 1:

你应该设置#overlay股利如下:

#overlay {
     width: 100%;
     height: 100%;
     position:fixed;
     z-index: 1000;
     background: rgba(255, 255, 255, 0.7)
}

半透明白色背景叠加将具有降低身体的不透明度的效果相同。 另外,您可以通过1px的半透明巴纽背景图片,而不是RGBA使用1px的。

然后你可以使用#overlay内另一个DIV将中心的形式:

#overlay .inner {
     width: 200px;
     height: 200px;
     position: absolute;
     top: 50%;
     left: 50%;
     margin: -100px 0 0 -100px
}

你不必这样担心改变任何其他元素的CSS。


为了您在您的回答中提到的做法发表评论:

这是我的理解是,当前的代码是说:“发现没有身份证‘叠加’,并添加类‘禁止’任何的身体元素” ......换句话说,没有()只适用于匹配的元素。 如果你想要的是改变除了 #overlay所有元素的不透明度,你可以做到以下几点:

<body>
     <div id="overlay">
          overlay stuff in here
     </div>

     <div id="other-content">
          All page content in here
     </div>
</body>


$(document).ready(function(){
     $('#other-content').addClass('suppress');  
});


文章来源: CSS suppress screen like Javascript alert
标签: css addclass