我在我的网站上插入了一个模式弹出窗口。 这将保存一个图像地图,它将充当导航栏。
当这个模式弹出,我热衷于网站的其余部分“淡出”,减少不透明度。 我已经玩过body{opactiy:0.2;} 但不幸的是,这也降低了模态/导航图像的不透明度。
远的办法是改变网页上除了模型以外的每个元素的不透明度。。。。这似乎是一个很难解决问题的方法。
是否存在更整洁的解决方案?
谢谢你花时间阅读我的问题。
我的建议是在BODY上有一个半透明的覆盖层,并让模型坐在这个覆盖层的顶部。
但是如果您想要快速修复:*:not(#modal){opacity:0.2;}