如何淡化整个html页面而不是一个div？

Question

当我通过使用代码单击按钮时,我试图使页面淡出:

$("#post_btn").click(function(){
  $("#address-popup").css({display: "block"});
  $("html,body").fadeTo("slow",0.4);
});

问题是我不希望div #address-popup也消失.有没有办法可以将其从html,body淡入淡出中排除？

Answer 1

不,你不能.您不能淡化整个文档,也不能淡化文档中的某些元素.

你这是错误的方式.看起来暗淡背景的弹出窗口通常附加一个半透明的叠加div,对话框位于其上方.覆盖div部分遮盖了页面; 页面本身并没有实际淡出.