运用CSS将网站网页页面变灰色编码示例

日期:2021-01-20 类型:科技新闻 

关键词:如何制作微信小程序,微信小程序源码,小程序码生成,凡科网微信小程序,微信公众号小程序

本文关键给大伙儿详细介绍了有关运用CSS将网站网页页面变灰色的有关內容,共享出来供大伙儿参照学习培训,必须的盆友们下面来1起看看详尽的详细介绍:

方式以下:

这段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>

有1些网站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>
<div id="video_content"></div>
<script type="text/javascript">
<!--
var video_player_so = new SWFObject("video⑸42.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>

总结

以上便是这篇文章内容的所有內容了,期待本文的內容对大伙儿的学习培训或工作中能带来1定的协助,假如有疑惑大伙儿能够留言沟通交流,感谢大伙儿对脚本制作之家的适用。