導讀跟大家講解下有關CSS如何將網站網頁變灰色，相信小伙伴們對這個話題應該也很關注吧，現在就為小伙伴們說說CSS如何將網站網頁變灰色，小編也
跟大家講解下有關CSS如何將網站網頁變灰色，相信小伙伴們對這個話題應該也很關注吧，現在就為小伙伴們說說CSS如何將網站網頁變灰色，小編也收集到了有關CSS如何將網站網頁變灰色的相關資料，希望大家看到了會喜歡。
本文主要給大家介紹了關于利用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><p id="video_content"></p><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>大家學會了嗎？趕緊動手嘗試一下吧。
相關推薦：
如何使用CSS讓圖片實現半透明的效果
CSS3中使用視窗單位來布局的方法
關于css浮動元素的居中
以上就是CSS如何將網站網頁變灰色的詳細內容，更多請關注php中文網其它相關文章！
來源：php中文網
免責聲明：本文由用戶上傳，如有侵權請聯系刪除！