Code前端首页关于Code前端联系我们

网站 CSS 变灰(支持 IE、FIREFOX 和 CHROME)

terry 2年前 (2023-09-27) 阅读数 60 #数据结构与算法

网站 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前端网发表,如需转载,请注明页面地址。

热门