用CSS将网页变黑白
程序员文章站
2022-04-13 10:33:14
...
这次给大家带来用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将网页变黑白的详细内容，更多请关注其它相关文章！