郑州网站优化

,郑州seo,郑州百度优化,郑州网络推广,选择路普科技,10年为企业网站优化助力!


您当前位置:首页 > SEO技巧 > 网站建设知识 >

默哀专用代码2020版,让html网页变灰色

发布时间:2020-04-04 标签: 浏览量:

目前,搜索引擎上的代码都比较老了,加过会出现不起作用,因为很多使用了css3的渲染. 用下面代码可以解决一切问题

在head之间,未引用css文件之前加入

<style>    

html{

   -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */

    -ms-filter: grayscale(100%);

    -moz-filter: grayscale(100%);

    filter: gray; /* IE 6-9 */

}    

</style>    

网页瞬间变黑色了

关于grayscale滤镜

其中grayscale()的取值为0%-100%,也可以用0-1取代,0%代表彩色图像,100%代表完全的灰度。
css filter的浏览器兼容情况如下,Chrome31+,Safari7+,Opera20+,ios Safari6+,Android Browser4.4+,Blackberry 10+均支持了-webkit-filter的方式,IE不支持,firefox不支持。

网页变灰色最新代码

第二种方式使用grayscale.js

接到需求,开始是想改样式和图片,但是想着512当时那么多网站都改变过,一定有简便一点的方法,到网上看了几篇帖子,大多都是改样式的,只有一个是用js实现的,而且可以实现全局效果(大快我心),兼容性也很好(在Opera 9,FF2 / 3,Safari 4,IE6 / 7中成功测试)测试后只是加载效率低了点,其他没别的问题。这就是grayscale.js,通过修改网站背景、动态改变图片(这也是问什么它效率低的原因)生成黑白网站效果。小型网站展示为主的可以用它,多图或对加载时间敏感的网站不推荐这种方法(老实写样式吧)。使用grayscale.js的方法很简单:


引入js文件

<script src="https://j11y.io/demos/grayscale/grayscale.js"></script>


选择器选择要改变的地方

//选择器可选任何元素、任何你想改变的块或这个页面

//原生js

grayscale(document.getElementById("gray"));

//或用jq

grayscale($("body"));



版权声明:本站文章,由 郑州路普科技整理发表(信息来自互联网,不代表本站观点),如有冒犯请联系删除
网页标签:

服务城市
欢迎致电或者QQ咨询路普公司,我们专注企业网站优化服务!
提供网站优化、关键词排名、企业网站优化、SEO整站优化、站内站外优化等网站优化服务!

电话:0371-87535353
地址:郑州市花园路59号21世纪新楼中楼1#8001 豫ICP备10210721号-4
郑州网站优化,郑州网站优化公司,郑州关键词优化,郑州关键词排名,郑州百度优化专业的网络公司,助力企业快速提升目标客户转化率