用CSS将网站变黑白
程序员文章站
2022-04-24 23:45:45
...
这次给大家带来用CSS将网站变黑白，用CSS将网站变黑白的注意事项有哪些，下面就是实战案例，一起来看一下。
方法如下：
这段CSS代码可以变网页为黑白，将代码加到CSS最顶端就可以实现素装。
html{
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}
如果你的页面中没有HTML标签，记得加进去，可以加以下HTML5标签，或者更换上面的CSS标签的html为body或者其它。
<!DOCTYPE html> <html> </html>
有一些网站FLASH动画的颜色不能被CSS滤镜控制，可以在FLASH代码的<object …>和</object>之间插入：
<param value="false" name="menu"/> <param value="opaque" name="wmode"/>
如果某些带有Flash的页面仍显示彩色，或浏览器上下滚动条拖动时Flash FLV播放器变花（例如剑网3、剑侠世界官网分流页），将Flash改为JS输出（本例为SWFObject）：
<script type="text/javascript" src="/js/swf.js"></script>
<p id="video_content"></p>
<script type="text/javascript">
<!--
var video_player_so = new SWFObject("video-542.swf", "sotester", "439", "246", "7");
video_player_so.addParam("wmode", "opaque");
video_player_so.addParam("allowfullscreen","true");
video_player_so.addParam("allowscriptaccess","always");
video_player_so.write("video_content");
//-->
</script>
相信看了本文案例你已经掌握了方法，更多精彩请关注其它相关文章！
推荐阅读：
以上就是用CSS将网站变黑白的详细内容，更多请关注其它相关文章！
推荐阅读
-
用css3实现当鼠标移进去时当前亮其他变灰效果
-
教你用花6元钱将iPad mini/iPad mini2一秒变iPad mini3
-
如何将U盘变光驱制作USB-CDROM用U盘安装系统
-
用CSS开启硬件加速来提高网站性能（转）
-
CSS3如何将彩色图片转换成黑白图片？
-
让网页变灰的实现_网站蒙灰CSS样式总汇
-
CSS网页布局入门教程9：用CSS设计网站导航——横向导航
-
mac系统中怎么用自带的预览工具将图片变成黑白色?
-
Wordpress网站变灰/黑白主题
-
熟练掌握CSS+DIV，能在记事本下熟练写静态页，做过10多个静态网站项目，只懂一点PHP语法和MySQL语法，剩下的全都不懂，只自学了半个月，用什么软件，和什么框架能让我立刻参加工作，能让我这个水平也能写出PHP程序？