On April 4th the website went grey

  1. Almost all of them passedgrayscaleTo implement the
  2. None of them support IE 11
  3. But in the case of IE 11, the performance is different
  4. B station, A station, Taobao, JINGdong, Baidu, Hupu, Open Source China

B station

html.gray{-webkit-filter:grayscale(. 95)}Copy the code

A station

html .gray {
    -webkit-filter: grayscale(100%).-moz-filter: grayscale(100%).-ms-filter: grayscale(100%).-o-filter: grayscale(100%).filter: grayscale(100%).filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grey;
    filter: gray;
}

Copy the code
  1. There are multiple browser prefixes to consider
  2. You can’t actually open the site with IE11
  3. However, it is commendable that it removed irrelevant content just like B

taobao

html{-webkit-filter: grayscale(100%).filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }Copy the code

jingdong

$html.toggleClass('o2_gray', isDuringDate('2020/04/04 00:00:00', '2020/04/04 23:59:59')) html.o2_gray { -webkit-filter: grayscale(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }Copy the code
  1. Category entries can be partially loaded
  2. But the content cannot be loaded

baidu

@font-face{font-family:cIconfont;src:url(https://dss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/font/iconfont-a37745d6f3.eot);src:url(https://dss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/font/iconfont-a37745d6f3.eot?#iefix) format('embedded-opentype'),url(https://dss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/font/iconfont-b021b3a4c4.woff2) format('woff2'),url(https://dss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/font/iconfont-2a209a281f.woff) format('woff'),url(https://dss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/font/iconfont-37639e7474.ttf) format('truetype'),url(https://dss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/font/iconfont-475b0dc226.svg#iconfont) format('svg')}
body.qm-activity #head_wrapper.body.qm-activity #s_menu_gurd.body.qm-activity #u1.body.qm-activity #u_sp.body.qm-activity .s-ctner-menus .s-menu-item-underline.body.qm-activity .s-news-rank-content.body.qm-activity .s-news-wrapper .s-news-list-wrapper .hot-point.body.qm-activity .s-news-wrapper .s-news-list-wrapper:nth-child(-n+3) img.s-news-img.body.qm-activity .s-top-left.s-isindex-wrap{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter:grayscale(100%).-moz-filter:grayscale(100%).-ms-filter:grayscale(100%).-o-filter:grayscale(100%).filter:grayscale(100%).filter:gray}
Copy the code

The tiger jump

<html style="filter: grayscale(100%); > Copy the code

Open source in China

body {
  filter: grayscale(100%).-webkit-filter: grayscale(100%).-moz-filter: grayscale(100%).-ms-filter: grayscale(100%).-o-filter: grayscale(100%).filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
  -webkit-filter: grayscale(1);
}
Copy the code

conclusion

  1. Baidu and Taobao two old – line Internet companies to compatible attention can be seen
  2. Secondary video sites such as B and A also deleted other irrelevant content
    1. Established video sites Tencent and IQiyi performed well
    2. But youku will load other content in the case of IE 11
  3. Jd.com’s performance in IE 11 was disappointing
  4. As for A standing in IE 11 without any reaction, I hope the relevant technical personnel can take it seriously

Efficiency and compatibility may conflict to a large extent, but the starting point is to pay tribute to the martyrs and compatriots who lost their lives fighting COVID-19.