Este artículo presenta principalmente el estilo gris general del sitio web y la práctica de la compatibilidad con IE.
Formato de diseño de página:
<body>
<div id="layout">
内容代码开始
</div>
</body>Estilo gris general:
#layout{
filter: gray !important;
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(1);
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
}
p,input,span,li,a,i,em{
filter: gray !important;
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(1);
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
}Compatible con ie9 y por debajo:
<meta http-equiv="X-UA-Compatible" content="IE=Edge" >
/**把IE=Edge改为IE=9，强制使用ie9**/
<meta http-equiv="X-UA-Compatible" content="IE=9" > Aviso:
Se recomienda que el estilo de fondo se defina en el diseño, no directamente en el cuerpo, de lo contrario, es posible que la configuración del fondo en gris no surta efecto.