nuxt项目fliter网站置灰，导致fixed布局冲突的解决方法

由于网站需要将首页单独置灰，当时想法简单就是一句代码的事

 filter: grayscale(.75);
 -webkit-filter: grayscale(.75);

写完后发现有关网站fixed布局的弹框显示出错，查阅资料发现这一行代码只能在html根目录设置及可解决，特此记录
nuxt项目中如何给html动态加class
在layouts目录下defult.vue文件中加如下代码

export default {
  head() {
    return {
      htmlAttrs: {
        class: this.isGray?'gray':''
      },
     }
    }
   }

isGray表示当前判断状态，让class进行显隐，然后再gray样式中加上上面的css即可