html整体页面通过css加滤镜

html整体页面通过css加滤镜
css部分:
.filtercolor {
/整体变灰/
/-webkit-filter: grayscale(100%); ! Chrome, Safari, Opera !/
/filter: grayscale(100%);/

  /*整体变换颜色*/
  /*-webkit-filter: hue-rotate(125deg); !* Chrome, Safari, Opera *!*/
  /*filter: hue-rotate(125deg);*/

  /*调整饱和度*/
  /*-webkit-filter: saturate(200%); !* Chrome, Safari, Opera *!*/
  /*filter: saturate(200%);*/

  /*图像变褐色*/
  -webkit-filter: sepia(100%); /* Chrome, Safari, Opera */
  filter: sepia(100%);

}

.red {
  color: red;
}

html部分:

<!--<img src="resources/img/us_left.png">-->
<!--<img src="resources/img/add_right.png">-->
<!--<div class="red">这个是个测试的问题</div>-->