如何让页面灰掉？

最新推荐文章于 2023-11-01 21:05:36 发布

每天进步一点点吧！

最新推荐文章于 2023-11-01 21:05:36 发布

阅读量613

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/m0_67743353/article/details/126939424

版权

方法一：CSS文件

我们可以在网页的CSS文件中添加以下的CSS代码，来实现网页黑白色，也就是网站变灰。

CSS代码：

html {

filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);

-webkit-filter: grayscale(100%);

}

方法二：在网页的<head>标签内加入内联CSS代码

如果你不想改动CSS文件，你可以通过在网页头部中的<head>标签内部加入内联CSS代码的形式实现网站网页变灰。

<head>标签内联CSS代码：

html {

filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);

-webkit-filter: grayscale(100%);}

</style>

方法三：修改<html>标签加入内联样式

如果上面的两种方式都不喜欢，可以通过修改<html>标签，以加入内联样式的方法，达到网页变灰的效果

<html>内联样式代码：

<html style="filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);

-webkit-filter: grayscale(100%);">

方法四：纯CSS代码

CSS代码：

body *{

-webkit-filter: grayscale(100%); /* webkit */

-moz-filter: grayscale(100%); /*firefox*/

-ms-filter: grayscale(100%); /*ie9*/

-o-filter: grayscale(100%); /*opera*/

filter: grayscale(100%);

filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);

filter:gray; /*ie9- */

}

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

每天进步一点点吧！

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

ie8兼容性视图灰色修复_兼容性视图_win7兼容性设置选项为灰色

weixin_39751076的博客

12-20

6416

兼容性视图windows10 ie浏览器怎么设置兼容性视图问题补充：windows10 ie浏览器怎么设置兼容性视图工具原料：windows10+ie浏览器windows10 ie浏览器设置兼容性视图方法如下：设置方法一(此方法每次都需要切换)：特别提醒：建议先切换后操作，以免页面已经填写的数据因切换而刷新后丢失。1、IE8，IE9，IE10，在地址栏右侧有个兼容性视图的图片，直接点亮即可打开兼容...

DIV+CSS中如何让整个页面变成灰色

05-18

当国家发生重大灾害时许多门户网站都把页面变成灰色的，来表示对事件或者遇难同胞的哀伤。那么怎样让网站页面变成灰色的呢？其实方法很简单，在此志豪向大家推荐一下。

参与评论您还未登录，请先登录后发表或查看评论

怎么让页面灰掉?

最新发布

Plus58的博客

11-01

133

javaweb--怎么让界面灰掉

如何让界面灰掉？

qq_52137560的博客

09-14

161

更改CSS样式。可以在网站的源代码的css中改变网页的样式，为了改变整个网页的样式，肯定要将css代码放在最大的那个标签里面，一般网站是以<html>标签开始<\html>标签结束，所以只需要将css所修饰的范围在<html>标签以内的所有东西。可以采用css里面的filter函数，让背景变成黑白色。 html { filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);

页面如何置灰

weixin_45620465的博客

12-07

663

最近页面都变灰色了, 让人看着是有些不舒服哈但是这个需求后面可能会遇到,想学习一下记录下来置灰方式: 关键技术: filter: grayscale(100%)在CSS文件中加考虑浏览器的兼容性,直接把兼容性的属性都搞上去第二种和上面很像,直接在网页的标签里面加上面的内容这个不推荐使用grayscale.js插件使用方法: grayscale.js插件源文件：http://cn.baiwanzhan.com/js/gray_baiwanzhan.jswindow.οnlοad=function

页面整体灰掉，社会重大事件页面色彩控制分析

zha_zi的专栏

05-05

405

概率是比较小的可能我能想起的这么多年的重大国家悼念事件也就这两起，或者另外一种一种情况，在一个网站内部纪念一个人的主页，例如这个一个著名慈善人物，这里为他默哀一下，一个了不起的人，百度为了纪念他的去世，把他的词条设置成了灰色，这是一种哀思，我们如何网页中实现这种技术？ CSS 滤镜实现这种效果的方式我想应该不只是一种，这里我们介绍一种实现方式css 滤镜”filter“，这个属性也是css3的一个新特性，如果希望在低版本的IE下实现这种效果可能以下是百度的实现代码 html{

Word页面背景颜色及字体背后的灰色背景如何去掉.docx

09-27

Word 页面背景颜色和字体阴影背景的去除方法在 Word 文档中，经常会出现页面背景颜色和字体阴影背景的问题，影响着文档的整体美观和阅读体验。今天，我们将深入探讨如何去除 Word 页面背景颜色和字体阴影背景。 ...

wpf 加载数据背景灰掉的程序

03-15

这个“wpf加载数据背景灰掉的程序”就是用来实现这种效果的。下面将详细讲解如何在WPF中实现这一功能。首先，我们需要理解WPF的基本架构。WPF是微软推出的UI框架，它基于.NET Framework，提供了丰富的图形渲染能力...

WPS中的空白页删不掉怎么办？.docx

09-27

2. **调整页面空间**：将鼠标移至标尺最下方的白灰间隔处，当鼠标变为上下移动的箭头时，稍微向下移动，以此来增加当前页面的空间。 3. **观察效果**：松开鼠标后，位于下方的空白页通常会自动消失。 **注意事项**...

针对 iOS端禁止列表顶部下拉和底部上拉露出浏览器灰色背景的解决方案。

01-23

在iOS设备上，当用户在Web应用或者网页中进行滚动操作时，有时会发现列表顶部下拉或底部上拉会暴露浏览器的灰色背景，这在视觉体验上可能会显得不连贯，影响整体应用的美观度。针对这个问题，本文将提供一种解决方案...

弹出一个对话框，灰掉原来的页面（网页）

YoungEngineer的专栏

03-27

1661

html>head>meta http-equiv="Content-Type" content="text/html; charset=gb2312">title> http://hi.csdn.net/YoungEngineer/profile title>head>body style="margin:0;">div style="font-size:10pt;">注1：灰掉页面br/> b

css 网页变灰

会飞的程序猿

10-09

342

每次重大事件，我的网页变灰了，怎么做到的？只要一行代码，但是有兼容性 body{ filter: grayscale(1); }

网页怎么去掉灰色

qq_42955241的博客

12-02

1307

这样看久了眼睛会不舒服，那么怎么去掉呢，我们以谷歌浏览器为例，首先F12 进入开发者模式。然后鼠标选中标签内的内容，用退格键BackSpace删掉即可，删除后如图。展开标签在里面看到filter关键字就说明找对style了。在展开的内容中找到style标签如图。然后我们找到head标签将它展开。此时页面颜色就恢复了。

如何用css把页面变灰

zw7534313的专栏

05-25

237

html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}这个比 filter:gray; 好，可解决与 position: relative; 的冲突，加在 css 第一行即可指定flash层样式，加入：*{filter: Gray;}有一些网站FLASH动画的颜色不能被CSS滤镜控制，可以在FLASH代码的和 ...

网站都变成灰色了，它是怎么实现的？