jquery - 菜单悬停，页面透明度变为0.5

Question

完全不知道如何制作导航菜单，当它悬停时，整个页面的透明度只下降到 50%。谁能告诉我我为这种情况编写的 css 是什么？

jsfiddle.net/websensation/uMMPa

Answer 1

你需要第三个元素<div class="modal-bg"></div>在导航菜单和文档的其余部分之间充当过滤器，类似于模态背景的工作方式，然后向该层添加透明度，例如:

.modal-bg {
  background: rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 1;
}

淡出导航菜单以外的所有内容是没有意义的。

+1 @somdow，@user3161892，你的代码示例是什么？