溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹了網站變黑白灰色如何實現(xiàn)，具有一定借鑒價值，需要的朋友可以參考下。下面就和我一起來看看吧。
2008.5.12四川汶川大地震，帶走了很多生命，令人惋惜，為了表示對遇難同胞的深切哀悼，國務院決定2008年5月19日至21日為全國哀悼日。在此期間，許多網站將風格改為“黑、白、灰”，以表示對遇難同胞的哀悼之情。建議全國站長動起來，為在地震中遇難的同胞哀悼。
為了方便個人站長表示哀悼，現(xiàn)總結CSS實用濾鏡代碼，做些微的調整，即可將網站轉換為“黑、白、灰”風格。
方法一：
html {
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}上面的代碼可以改變網頁為黑白灰網絡，將代碼加到CSS最頂端就可以實現(xiàn)素裝。
方法二：
若網站沒有使用CSS文件，可以在網頁/模板的HTML代碼<head>和</head> 之間插入：
<style type=”text/css”>
html{
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}
</style> 有一些站長的網站可能使用這個css 不能生效，是因為網站沒有使用最新的網頁標準協(xié)議。將網頁最頭部的<html>替換為以下代碼：
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> <html xmlns=”http://www.w3.org/1999/xhtml”>
方法三：
有一些網站FLASH動畫的顏色不能被CSS濾鏡控制，可以在FLASH代碼的<object …>和</object>之間插入：
<param value=”false” name=”menu”/> <param value=”opaque” name=”wmode”/>
方法四：
最簡單的把頁面變成黑白灰的代碼是在head之間：（或CSS文件中 選擇器為html或body）
<style type=”text/css”>
html {
filter: gray;
}
</style>深切哀悼 2008.5.12四川汶川大地震 遇難同胞。
方法五
<style>
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;
}
</style>以上就是網站變黑白灰色如何實現(xiàn)的詳細內容了，看完之后是否有所收獲呢？如果想了解更多相關內容，歡迎來億速云行業(yè)資訊！
免責聲明：本站發(fā)布的內容（圖片、視頻和文字）以原創(chuàng)、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關證據(jù)，一經查實，將立刻刪除涉嫌侵權內容。
