Webサイトをグレーさせるcssコード(IE、Firefox、Chromeをサポート)
1225 ワード
方法1:IEサポート
説明:この方法はIEをサポートし、FirefoxやChromeなどの非IEカーネルブラウザをサポートしません.
方法2:IEサポート
body {filter:gray}
説明:この方法はIEをサポートし、FirefoxやChromeなどの非IEカーネルブラウザをサポートしません.
ヒント:この方法はコード量が最小ですが、効果はよくありません.また、ページもカードです.
方法3:IEとChromeを同時にサポートする
方法4:grayscaleを使用する.jsプラグイン
grayscaleを使用する.jsプラグイン.このプラグインはアナログIEのfilter:progid方で、公式サイトのアドレスは:
http://james.padolsey.com/javascript/grayscaling-in-non-ie-browsers/
使用方法:
window.onload=function(){grayscale(document.body);}
テキストアドレスhttp://www.html5cn.org/article-5034-1.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">
<style>
html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
</style>
説明:この方法はIEをサポートし、FirefoxやChromeなどの非IEカーネルブラウザをサポートしません.
方法2:IEサポート
body {filter:gray}
説明:この方法はIEをサポートし、FirefoxやChromeなどの非IEカーネルブラウザをサポートしません.
ヒント:この方法はコード量が最小ですが、効果はよくありません.また、ページもカードです.
方法3:IEとChromeを同時にサポートする
方法4:grayscaleを使用する.jsプラグイン
grayscaleを使用する.jsプラグイン.このプラグインはアナログIEのfilter:progid方で、公式サイトのアドレスは:
http://james.padolsey.com/javascript/grayscaling-in-non-ie-browsers/
使用方法:
テキストアドレスhttp://www.html5cn.org/article-5034-1.html