提问者:小点点

关闭整个网站的不透明度,除了一个元素onclick


我在我的网站上插入了一个模式弹出窗口。 这将保存一个图像地图,它将充当导航栏。

当这个模式弹出,我热衷于网站的其余部分“淡出”,减少不透明度。 我已经玩过body{opactiy:0.2;} 但不幸的是,这也降低了模态/导航图像的不透明度。

远的办法是改变网页上除了模型以外的每个元素的不透明度。。。。这似乎是一个很难解决问题的方法。

是否存在更整洁的解决方案?

谢谢你花时间阅读我的问题。


共1个答案

匿名用户

我的建议是在BODY上有一个半透明的覆盖层,并让模型坐在这个覆盖层的顶部。

但是如果您想要快速修复:*:not(#modal){opacity:0.2;}