网站变黑白灰色的4种代码详细讲解-tutorial css-php.cn

Rumah

tutorial css

网站变黑白灰色的4种代码详细讲解

Jun 09, 2017 pm 02:16 PM

　　2008.5.12四川汶川大地震，带走了很多生命，令人惋惜，为了表示对遇难同胞的深切哀悼，国务院决定2008年5月19日至21日为全国哀悼日。在此期间，许多网站将风格改为“黑、白、灰”，以表示对遇难同胞的哀悼之情。建议全国站长动起来，为在地震中遇难的同胞哀悼
　　2008.5.12四川汶川大地震，带走了很多生命，令人惋惜，为了表示对遇难同胞的深切哀悼，国务院决定2008年5月19日至21日为全国哀悼日。在此期间，许多网站将风格改为“黑、白、灰”，以表示对遇难同胞的哀悼之情。建议全国站长动起来，为在地震中遇难的同胞哀悼。
　　相关文章：网站变黑白色CSS一行代码实现 。
　　为了方便个人站长表示哀悼，现总结CSS实用滤镜代码，做些微的调整，即可将网站转换为“黑、白、灰”风格。
方法一：

html {
 filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); 
}

Salin selepas log masuk

　　上面的代码可以改变网页为黑白灰网络，将代码加到CSS最顶端就可以实现素装。
方法二：
　　若网站没有使用CSS文件，可以在网页/模板的HTML代码<head>和</head> 之间插入：

&lt;style type=”text/css”&gt;
html{
 filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}
&lt;/style&gt;

Salin selepas log masuk

　　有一些站长的网站可能使用这个css 不能生效，是因为网站没有使用最新的网页标准协议。将网页最头部的<html>替换为以下代码：

&lt;!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt;
&lt;html xmlns=”http://www.w3.org/1999/xhtml”&gt;

Salin selepas log masuk

方法三：
　　有一些网站FLASH动画的颜色不能被CSS滤镜控制，可以在FLASH代码的<object …>和</object>之间插入：

&lt;param value=”false” name=”menu”/&gt;
 &lt;param value=”opaque” name=”wmode”/&gt;

Salin selepas log masuk

方法四：
　　最简单的把页面变成黑白灰的代码是在head之间：（或CSS文件中选择器为html或body）

&lt;style type=”text/css”&gt;
html {
 filter: gray;
}
&lt;/style&gt;

Salin selepas log masuk

Atas ialah kandungan terperinci 网站变黑白灰色的4种代码详细讲解. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn