网站变黑白灰色的4种代码详细讲解
GPT4.0+Midjourney绘画+国内大模型 会员永久免费使用!
【 如果你想靠AI翻身,你先需要一个靠谱的工具! 】
2008.5.12四川汶川大地震,带走了很多生命,令人惋惜,为了表示对遇难同胞的深切哀悼,决定2008年5月19日至21日为全国哀悼日。在此期间,许多网站将风格改为“黑、白、灰”,以表示对遇难同胞的哀悼之情。建议全国站长动起来,为在地震中遇难的同胞哀悼。
为了方便个人站长表示哀悼,现总结CSS实用滤镜代码,做些微的调整,即可将网站转换为“黑、白、灰”风格。
方法一:
html {
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}
上面的代码可以改变网页为黑白灰网络,将代码加到CSS最顶端就可以实现素装。
方法二:
若网站没有使用CSS文件,可以在网页/模板的HTML代码<head>和</head> 之间插入:
<style type=”text/css”>
html{
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}
</style>
有一些站长的网站可能使用这个css 不能生效,是因为网站没有使用最新的网页标准协议。将网页最头部的<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”>
方法三:
有一些网站FLASH动画的颜色不能被CSS滤镜控制,可以在FLASH代码的<object …>和</object>之间插入:
<param value=”false” name=”menu”/>
<param value=”opaque” name=”wmode”/>
方法四:
最简单的把页面变成黑白灰的代码是在head之间:(或CSS文件中 选择器为html或body)
<style type=”text/css”>
html {
filter: gray;
}
</style>
深切哀悼 2008.5.12四川汶川大地震 遇难同胞。
方法五
1 2 3 4 5 6 7 8 9 10 | <style> html { -webkit-filter: grayscale( 100% ); -moz-filter: grayscale( 100% ); -ms-filter: grayscale( 100% ); -o-filter: grayscale( 100% ); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale= 1 ); _filter: none ; } </style> |
以上就是网站变黑白灰色的4种代码详细讲解的详细内容,更多关于网站变灰色的资料请关注脚本之家其它相关文章!
相关文章
- 这篇文章主要给大家介绍了关于利用CSS将网站网页变灰色的相关资料,文中给出了详细的示例代码供大家参考学习,对大家具有一定的参考学习价值,需要的朋友们下面来一起看看2017-07-04
- 一句css代码让你的网站变灰,包括图片,支持所有浏览器。一起悼念地震中逝去的生命!2020-04-04
- 很多图片编辑如Photoshop很容易把你的彩色图像变成灰度,不幸的是,这样的效果想做在网络上并不容易,下面为大家介绍下三种让网站图片生成灰色效果的方法2014-03-20
修改CSS样式实现网页灰色(没有颜色只有浅色黑白)的几个方法整理
一般在清明节,全国哀悼日,大地震的日子,还有这次疫情,以及一些影响力很大的伟人逝世或纪念日的时候,身为站长的我们都会响应国家的号召让自己的网站的全部网页变成灰色2020-04-04
最新评论