亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

網(wǎng)站變灰色兼容代碼 包括圖片 支持所有瀏覽器

  發(fā)布時間：2020-04-04 00:16:03   作者：胡俊濤   我要評論
一句css代碼讓你的網(wǎng)站變灰，包括圖片，支持所有瀏覽器。一起悼念地震中逝去的生命！

一般在全國哀悼日，大地震的日子，清明節(jié)，我們都會讓自己的網(wǎng)站全站灰色，以表示對逝者的悼念。那么下面分享幾種方法

1、直接body中加入代碼即可

實現(xiàn)這種效果很簡單，只需要一句css代碼：filter: grayscale(100%);，將其放到body元素的樣式里面就行了。我們自己實現(xiàn)的效果：

2、直接在調用的css樣式文件中，這樣不用改html代碼。

直接上代碼：

/*網(wǎng)站變灰*/
html {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);_filter:none;}

或下載的代碼，推薦上面的代碼


復制代碼
代碼如下:

html{
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
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\'></fecolormatrix></filter></svg>#grayscale");
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}

3、騰訊網(wǎng)的做法：

<style>
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- */
}
</style>

其他的一些方法：

1.網(wǎng)頁黑白代碼外部樣式（寫入*.css文件請用）

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

2.網(wǎng)頁黑白代碼內部樣式（寫入頭部head標簽里面）

<style type="text/css">
<!--
html {
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(100%);}
-->
</style>

3.網(wǎng)頁黑白代碼內聯(lián)式（寫入html標簽，找到html）

<html style="filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(100%);">

就一句代碼，腳本之家的小編收藏的，簡單實用，希望能幫到大家。
 

相關文章

最新評論