-
您身邊的網站建設推廣專家
專注營銷型網站建設 . 搜索引擎全網覆蓋推廣 . 打造移動互聯網
全國服務熱線
哀悼日-如何讓自己的網站的全部網頁變成灰色（黑白(bái)色）
作者: 竹子科技 . 閱讀量：994 . 發表時間：2021-09-29 21:28:43
**種：修改CSS文件
我(wǒ)(wǒ)們可以在網頁的CSS文件中(zhōng)添加以下(xià)的CSS代碼，來實現網頁黑白(bái)色，也就是網站變灰
CSS代碼：
html {
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(100%);
}
第二種：在網頁的<head>标簽内加入以下(xià)代碼
如果你不想改動CSS文件，你可以通過在網頁頭部中(zhōng)的<head>标簽内部加入内聯CSS代碼的形式實現網站網頁變灰
代碼：
<style type="text/css">
html {
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(100%);}
</style>
第三種：修改<html>标簽加入内聯樣式
如裏上面的兩種方式都不喜歡，可以通過修改<html>标簽，以加入内聯樣式的方法，達到網頁變灰的效果
代碼：
<html style="filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(100%);">
第四種：本人用的CSS代碼
代碼：
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- */
}
來源：
