918时页面全置灰色

最新推荐文章于 2022-11-09 16:23:47 发布
最新推荐文章于 2022-11-09 16:23:47 发布
阅读量467 收藏
点赞数
分类专栏： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/devincob/article/details/95448009
版权 
可在主页中直接加入以下脚本：
 <script> 
 document.body.style.filter=
 "progid:DXImageTransform.Microsoft.BasicImage(GrayScale=1)"; </script> 
 最简单的把页面变成灰色的代码是在head 之间加
<style type="text/css">
   html { FILTER: gray } 
</style> 
  
第一情况：把下面代码复制到你网页的<head></head>中就可以了
实现 <style type="text/css"> 
<!-- BODY { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); } --> </style> 


第二情况：如果你的站已有CSS，那加入 
html { filter:progid:DXImageTransform.Microsoft.BasicImage(
grayscale=1); } 
就可以了 

第三情况：如果你的CSS中已有BODY {}那么你就加入 filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); 
例如： BODY { FONT-SIZE: 12px; MARGIN: 0px; COLOR: #000000; BACKGROUND-COLOR: #ffffff; filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);} 

第四情况：有一些站长的网站可能使用这个css 不能生效，是因为网站没有使用最新的网页标准协议 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns=" http://www.w3.org/1999/xhtml"> 请将网页最头部的<html>替换为以上代码。 

第五情况：有一些网站FLASH动画的颜色不能被CSS滤镜控制，可以在FLASH代码的<object …>和</object>之间插入：
 <param value="false" name="menu"/> <param value="opaque" name="wmode"/>
devincob
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
特殊节日网站全体变成黑灰色
m0_60459392的博客
12-01 378
特殊节日默哀三天，网站APP页面完整调整为灰色。
vue中组件间通信的6种方式
热门推荐
jiangjunyuan168的博客
01-23 4万+
前言 组件是 vue.js最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互进行直接的引用，所以组件间的相互通信是非常重要的。 除了使用vuex外还有下面6种组件间的通信方式： 1、 props / $emit 父组件通过 props 向子组件传递数据，子组件通过 $emit 和父组件通信 （1）父组件向子组件传值（props的用法） props的特点： props只能是父组件向子组件进行传值，props使得父子组件之间形成一个单向的下行绑定。子组件的数据会随着父
Vue 组件间的通信方式
CRMEB小程序商城的博客
09-28 755
在 Vue 组件库开发过程中，Vue 组件之间的通信一直是一个重要的话题，虽然官方推出的 Vuex 状态管理方案可以很好的解决组件之间的通信问题，但是在组件库内部使用 Vuex 往往会比较重，本文将系统的罗列出几种不使用 Vuex，比较实用的组件间的通信方式
vue组件通信
qq_67983277的博客
11-09 724
vue组件通信
vue组件间的通讯的10种方法
Serena_tz的博客
05-09 5578
1.props/$emit props主要用于父组件传递数据给子组件，父==>子。 Vue自定义事件 父组件可以在使用子组件的地方直接用 v-on来监听子组件触发的事件 。即父组件中使用 v-on绑定自定义事件，然后在子组件中使用 $emit(eventName,data)触发事件 仅仅用于父子组件传递，不适用于 三层及其以上 2. $emit/$on 这种方法通过一个空的Vue实例作为中央事件总线（事件中心），用它来触发事件和监听事件,巧妙而轻量地实现了任何组件间的通信，包括父子、兄弟、跨级。当
H5 页面整体变灰色的的代码
05-01
本知识点将探讨如何在H5页面中实现整体变灰色的效果，通常这种效果用于网站维护、加载或者提示用户注意某些信息时。我们将通过源码分析来理解这一技巧。 首先，我们需要知道的是，实现页面整体变灰色通常利用CSS3的...
全国哀悼日网站页面变成灰色的filter方法
10-30
这两种方法分别是W3C标准写法和微软特有的写法，后者需要在旧版IE浏览器上兼容时使用。 如果站长的网站使用了FLASH技术，单纯的CSS滤镜可能无法将FLASH动画内容也变为灰度。这时可以通过JavaScript来处理FLASH的...
CSS 页面置灰等待效果
08-13
总结来说，实现CSS页面置灰等待效果的关键在于使用`pointer-events`控制交互性，创建一个全屏灰色遮罩，以及添加一个可视化的加载动画。通过结合CSS和JavaScript，我们可以优雅地处理后台操作期间的用户体验，让用户...
js 页面弹层置灰加载
08-12
在JavaScript（JS）编程中，"页面弹层置灰加载"是一种常见的用户体验设计，它用于在用户触发某个操作，如点击事件，时显示一个半透明的遮罩层，同时显示一个加载图标，告知用户系统正在进行后台处理。这种设计能够...
js实现弹出窗口、页面变成灰色并不可操作的例子分享
12-02
如果你还不会，可以看看下面这个简单的例子。 代码如下:<...<head><title>弹出一个窗口后，后面的层不可操作<... //设置隐藏层的高度为当前页面高度 document.getElementById(“h
让整个网站网页变灰的方法
东北狼仙
06-18 1万+
一般在清明节，全国哀悼日，大地震的日子，以及一些影响力很大的伟人逝世或纪念日的时候，身为站长的我们都会让自己的网站的全部网页变成灰色（黑白色），以表示我们对逝者的悼念。那么今天就说说，通过几行简单的代码，来实现这个功能。 第一种：修改CSS文件 我们可以在网页的CSS文件中添加以下的CSS代码，来实现网页黑白色，也就是网站变灰 CSS代码 html { filter: progi...
一文快速详解前端框架 Vue 最强大的功能
CSDN资讯
05-21 5142
作者 | 浪里行舟 责编 | 胡巍巍 组件是 vue.js最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。一般来说，组件可以有以下几种关系： 如上图所示，A 和 B、B 和 C、B 和 D 都是父子关系，C 和 D 是兄弟关系，A 和 C 是隔代关系（可能隔多代）。 针对不同的使用场景，如何选择行之有效的通信方式？这是我们所要探讨的主...
vue中组件之间常见的通讯方式
Hupan_Pan的博客
08-28 204
一、props 1.父组件属性传值 <cu-childern title="hello word" msg="parent"/> 2.子组件接收 2.1.1 props接收方式 props:{ title:{ type: String, //类型 default: "" //默认值 }, msg:{ type: String, //类型
vue组件间通信六种方式（完整版）
lengye7的博客
07-09 1524
前言 组件是 vue.js最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。一般来说，组件可以有以下几种关系： 如上图所示，A 和 B、B 和 C、B 和 D 都是父子关系，C 和 D 是兄弟关系，A 和 C 是隔代关系（可能隔多代）。 针对不同的使用场景，如何选择行之有效的通信方式？这是我们所要探讨的主题。本文总结了vue组件间通信的几种方式，如props、$emit/$on、vuex、$parent/$children、$attrs/$liste...
网站哀悼（全站变灰色）代码
iloli的专栏
04-20 1万+
１、在全站的CSS中写入下面二条中的一条： html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);} body {filter: gray;} 最简单的把页面变成灰色的代码是在head 标签之间插入： html {FILTER: gray} ２、由于FLASH不受CSS控制，所以
关于网站全体变灰
weixin_30904593的博客
09-25 89
平时到哀悼日的时候，我们看到很多知名网站都变成灰色了，在网上查了下代码，分享给大家 只需要加下面的样式即可 html{ filter: url(“data:image/svg+xml;utf8,<svg xmlns=\’http://www.w3.org/2000/svg\’><filter id=\’grayscale\’><feColorMatrix typ...
特殊纪念日Android APP内设置黑灰色背景
RunningNewBie的博客
09-16 3799
今天在学习鸿洋大神的博客的时候看到了相关文章，于是动手实现了一下； 当在特殊的某一个日子，我们会表达我们的悼念之情，APP会在某一日设置成黑灰色： 实现： //设置整个APP的所有活动页面变为黑白色；屏蔽掉色彩，特殊节日需要用到； private void initGrayScreen(){ Paint paint = new Paint(); ColorMatrix cm = new ColorMatrix(); cm.setSaturation(0
Vue组件间通信方式(详解)
qq_51501183的博客
09-28 2001
1. 组件之间的传值通信 组件之间通讯分为三种: 父传子、子传父、兄弟组件之间的通讯 (1)props/$emit 父传子：父组件通过import引入子组件，并注册，在子组件标签上添加要传递的属性，子组 件通过props接收，接收有两种形式一是通过数组形式[‘要接收的属性’ ]，二是通过对象形式{ } 子传父：父组件向子组件传递事件方法，子组件通过$emit触发事件，回调给父组件 1.父组件向子组件传值 接下来我们通过一个例子，说明父组件如何向子组件传递值：在子组件Users.vue中如.
vue组件之间8种组件通信方式总结
zhoulu001的专栏
03-13 4万+
对于vue来说，组件之间的消息传递是非常重要的，下面是我对组件之间消息传递的各种方式的总结，总共有四种方式。 1.父子组件之间的消息传递 父组件向子组件传递数据是通过prop传递的，子组件传递数据给父组件是通过$emit触发事件来做到的。 Vue.component('child',{ data(){ return { ...
pycharm 代码全是灰色
最新发布
09-10
在PyCharm中，代码的颜色会根据不同的情况进行显示。有时候，即使没有对代码进行注释，代码也会呈现为灰色。这可能是由于PyCharm的检查级别设置导致的。检查级别是PyCharm自带的一种检测功能，它会显示哪些代码被引用过（亮色），哪些代码没有被程序引用（灰色）。通过修改检查级别，可以改变代码的颜色显示。如果你觉得这个灰色对你来说不是一个大问题，只要代码没有报错并且正常运行，你可以不管它。但如果你希望修改代码的颜色显示，你可以打开PyCharm的设置界面，将检查级别从"inspections"调整为"none"，这样灰色的部分就会显示为亮色。这样就能筛选出哪些定义是冗余无价值的。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值