网站 CSS 变灰(支持 IE、FIREFOX 和 CHROME)
网站 CSS 变灰方法一:支持 IE
? IE内核浏览器。
Css代码方法2使网站变灰:IE支持
body{filter:gray}
注:此方法支持IE,但不支持IE以外的基本浏览器,如Firefox、Chrome等。
提示:这种方法虽然代码量最少,但是效果不好,网站比较卡。
3。 CSS代码方法灰显网站:同时支持IE和Chrome
html {overflow-y:scroll;filter:progid:DXImageTransform.Microsoft.BasicImage(gray scale=1) ; -webkit-filter:gray量表(100%);}
注意:此方法支持IE浏览器、Safari和Chrome浏览器,但不支持Firefox浏览器。
4。方法:使用grayscale.js插件
使用grayscale.js插件。这个插件就是模拟IE的filter:progid页面。官网地址:
http://james.padolsey.com/javascript/grayscaling-in-non-ie-browsers/
用法:
window.onload=function(){
gray尺度(document.body);
}
注:支持IE、Safari、Chrome、Opera、Firefox等浏览器工具。
问题:这在IE下也需要大量的资源。
建议:使用方法3。虽然它不支持多种浏览器,但它稳定、快速且需要的资源很少。
以上是使网站变灰的CSS代码完整内容(支持IE、FIREFOX和CHROME)。
版权声明
本文仅代表作者观点,不代表Code前端网立场。
本文系作者Code前端网发表,如需转载,请注明页面地址。
code前端网