1、每逢大的災難的時候，很多網站變成了灰色，如何讓網站快速變灰？css代碼是很簡單的，用的是css的filter功能。

代碼如下：

html {filter: grayscale(100%);//IE瀏覽器 -webkit-filter: grayscale(100%);//谷歌瀏覽器 -moz-filter: grayscale(100%);//火狐 -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1);//谷歌瀏覽器 }

有一些網站FLASH動畫的顏色不能被CSS濾鏡控制，可以在FLASH代碼的之間插入：

<param value="false" name="menu"/> <param value="opaque" name="wmode"/>

2、DIV可編輯，就是讓一個div變成一個類似input輸入框的效果。

在div中添加contentEditable="true" 屬性就可以了，如下：

<div id="div1" contentEditable="true" ></div> <div id="div2" contentEditable="true" ></div> <div contentEditable="true" id="div3"></div>

其中，我后面有篇編輯器的文章 http://www.haorooms.com/post/js_guangbiao? 就用到了這個功能！這個是獲得iframe光標所在位置的父節點名稱，iframe中就用到了contentEditable="true" 屬性。

轉載于:https://www.cnblogs.com/yeqifei/p/4967836.html

總結

以上是生活随笔為你收集整理的css常用效果的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。