首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    昨天全国哀悼日,全站变灰,我们都这么做

    filter: grayscale 使用可以调整元素的灰度值 .gray-filter { filter: grayscale(100%); -webkit-filter: grayscale...(1); } 兼容 IE 的办法 很多小伙伴评论说 IE 低版本不支持该怎么办于是我 Google 搜索了一下是有实现办法的 实现办法是引入 grayscale.js,Demo 下载...grayscale.js Demo[1] 简单查看了该 js 的源码后发现会将 color、background-color、borderColor 等属性提取出来后替换成灰色,background-image...和图片会使用 canvas 绘制处理成灰色再替换成处理后的图片源 demo 内 functions.js 则是对判断浏览器 userAgent 来识别浏览器类型与版本,做出对应的处理 参考资料与 demo...参考资料 [1] grayscale.js Demo: http://www.majas-lapu-izstrade.lv/cross-browser-grayscale-ie11/cross-browser-grayscale-ie11

    2K21

    定时开启全站变灰代码,不忘记每一个因疫情逝去的人

    在主题设置中,开启自定义css(我的主题模板均有这个接口),然后复制如下代码: html{     filter: grayscale(100%);     -webkit-filter: grayscale...(100%);     -moz-filter: grayscale(100%);       -ms-filter: grayscale(100%);     -o-filter: grayscale...在来一个js代码,可以实现定时开启: (function() {   var date = new Date();   if (date.getMonth() === 3 && date.getDate...: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%...最好把js代码放在head标签之内(主题设置-广告设置,网页头部接口可以放如上代码),最好不要放在网页底部,因为浏览器需要读取js代码,然后在给标签赋予style值,如果放在底部在刷新网站的时候会有一个短暂闪屏

    33130

    定时开启全站变灰代码,不忘记每一个因疫情逝去的人

    在主题设置中,开启自定义css(我的主题模板均有这个接口),然后复制如下代码: html{     filter: grayscale(100%);     -webkit-filter: grayscale...(100%);     -moz-filter: grayscale(100%);       -ms-filter: grayscale(100%);     -o-filter: grayscale...在来一个js代码,可以实现定时开启: (function() {   var date = new Date();   if (date.getMonth() === 3 && date.getDate...: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%...最好把js代码放在head标签之内(主题设置-广告设置,网页头部接口可以放如上代码),最好不要放在网页底部,因为浏览器需要读取js代码,然后在给标签赋予style值,如果放在底部在刷新网站的时候会有一个短暂闪屏

    60441

    如何在网页置灰的时候,部分元素保持彩色-有意思的面试题

    ); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray...; filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);}如果想控制的更动态一些,可以用js控制html的class来实现这个切换过程...${graySelector}{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale...name].join(' ') }}function setAllGray() { toggleClassName(root,graySelector)}这样可以在后端通过接口的形式决定是不是加载这段js...可以把selectors做成从后端读取,就可以动态设置保持彩色的部分了, 不过这样设置filter可能会导致部分元素的定位失效,不过作为面试题的追问还不错图片总结作为面试题来说,考察了面试者的css,js

    83230

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    活动推荐

      运营活动

      活动名称
      广告关闭
      领券