如何將網(wǎng)頁變成黑白色以表哀思？

小編親測本代碼，效果很好，轉(zhuǎn)載分享給大家。

方法：只需將本代碼復(fù)制在<header>之間就行了。

<style>
     .moreThree{
       
      top:0px; 
     }
       #hebh{
         display:block;
       }
.FourthTop_one{
 width:372px; 
}
      body *{
-webkit-filter: grayscale(100%); /* webkit */
-moz-filter: grayscale(100%); /*firefox*/
-ms-filter: grayscale(100%); /*ie9*/
-o-filter: grayscale(100%); /*opera*/
filter: grayscale(100%);
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); 
filter:gray; /*ie9- */
}
      .threeThird img {
    width: 100%;
    margin-top: 0px;
    margin-bottom: 8px;
    background-color: white;
    position: relative;
    z-index: 9999;
    padding-top: 8px;
}
      .header2019 .headerNew {
    width: 1000px!important;
}
      .headSecondary ul {
    width: 976px;
}
#fb{    position: absolute;
  top:-600px;
    z-index: 9999;
}
      .lifeTop{
       width: 1
         5px;
    height: auto;
    border: 1px solid #ccc;
    position: fixed;
    left: 0px;
    top: 0px;
    padding: 5px;
    background-color: #f3f3f3;
   }
      .lifeTop img{ 
        width:100%;
      }
        .lifeTop p{
            font-size: 10px;
            text-align: center;
            background: #ffffff;
  }
      .header2019 .headerNew{
         width: 990px;
      }
      .headSecondary{
          width: 1000px;
      }
      .headSecondary ul {
           width: 976px;
        margin-left:0px;
      }
      .headSecondary ul li {
        width: 101.3px;
      }
       .threeThird_syzt{
      margin-top: 0px;
      transition: all 1s;
      position: relative;
      background-color: white;
     }
     .oneFirst,.twoSecond{
       position: relative;
     }
      </style>