本文主要給大家介紹了關於利用CSS將網站網頁變灰色的相關內容，分享出來供大家參考學習，需要的朋友們下面來一起看看詳細的介紹：
方法如下：
這段CSS代碼可以變網頁為黑白，將代碼加到CSS最頂端就可以實現素裝。
html{
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}
如果你的頁面中沒有HTML標簽，記得加進去，可以加以下HTML5標簽，或者更換上面的CSS標簽的html為body或者其它。
<!DOCTYPE html> <html> </html>
有一些網站FLASH動畫的顏色不能被CSS濾鏡控制，可以在FLASH代碼的<object …>和</object>之間插入：
<param value="false" name="menu"/> <param value="opaque" name="wmode"/>
如果某些帶有Flash的頁面仍顯示彩色，或浏覽器上下滾動條拖動時Flash FLV播放器變花（例如劍網3、劍俠世界官網分流頁），將Flash改為JS輸出（本例為SWFObject）：
<script type="text/javascript" src="/js/swf.js"></script>
<div id="video_content"></div>
<script type="text/javascript">
<!--
var video_player_so = new SWFObject("video-542.swf", "sotester", "439", "246", "7");
video_player_so.addParam("wmode", "opaque");
video_player_so.addParam("allowfullscreen","true");
video_player_so.addParam("allowscriptaccess","always");
video_player_so.write("video_content");
//-->
</script>
總結
以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作能帶來一定的幫助，如果有疑問大家可以留言交流，謝謝大家對的支持。