首頁 > 文章 > web前端 > 將網站、網頁整個介面變成黑白灰色調css程式碼

將網站、網頁整個介面變成黑白灰色調css程式碼

巴扎黑原創: 2017-06-09 14:24:535290瀏覽

不多說，請看程式碼，將網站或網頁變成黑白色

#網頁黑白程式碼外部樣式

**寫入. css檔請用*

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

網頁黑白程式碼內部樣式

寫入頭部head標籤裡面

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

網頁黑白程式碼內嵌式
寫入html標籤，找到html

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

######網頁黑白程式碼QQ群空間版，針對大部分主流瀏覽器###**寫入.css檔案請用*###

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=\&#39;http://www.w3.org/2000/svg\&#39;><filter id=\&#39;grayscale\&#39;><feColorMatrix type=\&#39;matrix\&#39; values=\&#39;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\&#39;/></filter></svg>#grayscale"); 
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}

以上是將網站、網頁整個介面變成黑白灰色調css程式碼的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：網站變成黑白灰色的4種程式碼詳細講解下一篇：網站變成黑白灰色的4種程式碼詳細講解

看更多