网页怎么去掉灰色

最新推荐文章于 2022-12-04 20:11:27 发布
最新推荐文章于 2022-12-04 20:11:27 发布
阅读量1.2k 收藏 2
点赞数 4
文章标签： html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42955241/article/details/128142735
版权

如图

 

   这样看久了眼睛会不舒服，那么怎么去掉呢，我们以谷歌浏览器为例，首先F12 进入开发者模式

 然后我们找到head标签将它展开

在展开的内容中找到style标签 如图

展开标签 在里面看到filter关键字就说明找对style了

然后鼠标选中标签内的内容，用退格键BackSpace删掉即可，删除后如图

 

此时页面颜色就恢复了

 

 

 

 

祈an_
关注
  • 4
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
灰色简单服务动态网页模板
01-20
2. **简洁设计**：简洁设计是网页设计的趋势，它意味着去除不必要的元素，使用户可以快速找到所需信息。在这个模板中，设计者通过减少视觉噪声，优化了导航流程，提升了用户的交互体验。 3. **动态效果**：动态效果...
灰色简洁时尚元素响应式网页模板
01-21
【灰色简洁时尚元素响应式网页模板】是一种设计风格独特、注重用户体验的网页设计资源，它融合了现代设计趋势，以灰色为主色调，创造出低调而优雅的视觉效果。响应式设计是该模板的一大特点，意味着无论在桌面、平板...
如何实现网站灰色调去色效果
liningjustsoso的专栏
04-21 1003
各位都知道，就在昨天四川又发生了7级地震，为了表示哀悼，全国的各大网站都在logo旁边加上了蜡烛，然后首页设置成为了灰度或者说是去色效果。 有关设置网站灰色和网站去色效果很简单，代码如下： [code="css"] html { filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit...
解除网站变灰的方法,阻止网站变灰的方法,remove grayscale from website
Silver_Hawk的博客
12-03 1732
清除网页变灰的方法： How to remove gray or grayscale from website: 清除grayscale的方法：
网页整体变灰设置
New__Horizons的博客
12-04 572
网页全灰设置，filter滤镜，grayscale（100%）
整个网页变黑白的CSS代码
BlueKitty的博客
11-14 9957
1 . 网页黑白代码内部样式 , 写入html标签 <html style="filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(100%);"> 2 . 网页黑白代码内部样式 , 写入head标签里面 <style type="text...
谷歌浏览器：为LAN使用代理服务器变成灰色不可操作
qq_41084324的博客
09-19 7817
谷歌浏览器中设置代理端口的输入框变成灰色！ 想想也是可笑，一个Java程序猿，现在却整天搞一些不完全是java的东西。 问题示例图：   解决办法相当简单：勾选之后——>点击高级——>勾选对所有协议均使用相同的代理服务器   即可 ...
浏览器图标及名称大全_今天谷歌浏览器突然变成灰色 原因竟是因为这个...
weixin_39935903的博客
12-15 4307
经常使用谷歌Chrome浏览器的小伙伴们今天肯定发现了不太寻常的情况，因为今天谷歌浏览器的图标变成了黑白的，笔者寻思肯定是为某些事默哀这种，然后才搜寻到了以下信息，原来5.27今天对于美国人民来讲是个不太寻常的日子。日期：5月27日节日名称：阵亡将士纪念日 Memorial Day(Decoration Day)节日类型：受难日并不是全国假期，但放假的州不在少数。节日介绍：每年五月的最后一个星期一...
灰色简约产品介绍响应式网页模板
01-20
【灰色简约产品介绍响应式网页模板】是一种设计风格独特、注重用户体验的网页设计资源，它融合了现代设计趋势，以灰色为主色调，搭配简洁的布局，旨在为用户提供清晰、直观的产品展示平台。响应式设计是该模板的核心...
灰色简约信息展示响应式网页模板
01-23
"简约"设计强调的是去除不必要的元素，只保留最关键的内容，使得网页看起来更加整洁、易读，同时也提升了用户体验。 信息展示是网页设计的重要部分，这个模板通过合理的布局和视觉层次，帮助用户快速找到所需信息。...
质感灰色纹理CSS模板
12-21
【质感灰色纹理CSS模板】是一种专门用于网页设计的模板，其特点在于采用了质感灰色纹理作为主要设计元素，这种设计风格倾向于扁平化，符合现代网页设计的趋势，旨在为科技工作室等专业领域提供一种简洁、高质感的...
灰色宽屏特效网站模板
04-02
【标题】：“灰色宽屏特效网站模板”是一个专门设计用于创建具有现代感和专业外观的网页布局的模板。它以灰色为主色调，搭配简洁的设计风格，同时融入了各种视觉特效，旨在提升用户的浏览体验和网站的整体吸引力。 ...
灰色简洁博客html网站模板
04-02
【灰色简洁博客html网站模板】是一款专为博客设计的网页模板，其主要特点在于其灰色调的简洁风格，能够提供一种低调而优雅的浏览体验。这个模板非常适合个人博客、小型企业或者任何希望突出内容而非花哨设计的网站...
网页设计模板-灰色居左简洁大气的HTML5网站模板.zip
03-18
简洁大气的设计理念，意味着去除不必要的装饰元素，注重功能性和易用性，使用户界面更加直观。 此外，模板可能还包含了JavaScript和jQuery的脚本，用于实现更丰富的交互效果，如滑动、滚动、动画等。这些脚本库简化...
灰白简洁信息介绍网页模板
01-22
【灰白简洁信息介绍网页模板】是一款以灰色和白色为主色调的网页设计模板，它以其简单、清爽的设计风格，为用户提供了展示信息的有效途径。在网页设计领域，简洁的风格往往能够更好地突出主要内容，减少用户的视觉...
如何将谷歌浏览器背景设置为黑色（亲测）
热门推荐
不甘于平凡的溃败的博客
12-18 5万+
Dark Reader 简介 Dark Reader是一个护眼扩展程序，通过实时生成黑色主题，为每一个网站启用夜间模式。对于整天对着电脑的朋友来说，把颜色调成暗色的确可以比较好的保护眼睛，减少光刺激造成的对眼睛的损伤。Dark Reader通过反转明亮的颜色，使网页内容具有高对比度并且在易于夜间阅读。同时还可以完全自定义调整亮度，对比度，应用棕褐色滤镜，黑暗模式，自己设置字体和自定义忽略的网站列...
沉痛悼念！网站快速变黑白灰色的4种方法
12-01 2万+
一般在清明节，全国哀悼日，大地震的日子，以及一些影响力很大的伟人逝世或纪念日的时候，身为站长的我们都会让自己的网站的全部网页变成灰色(黑白色)，以表示我们对逝者的悼念。那么今天小编就说说，通过几行简单的代码，来实现这个功能。
如何将整个网页变成灰色
每天进步一点点就好
08-15 8790
<br />转载自：http://www.gdiq.net/zc/zc_718.html<br />不知道firefox有没有效果,IE就一定行!<br />这是一个滤镜的效果<br /><style><br />html {filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}<br /></style><br />如果网站没有使用CSS，可以在网页/模板的HTML代码<head>和</head> 之间插入： <br /><he
前端例程20211213：网页去色（以灰度形式显示）
Naisu的各种笔记
12-13 2623
在每年的一些特殊的日子（比如公祭日等）很多网站会将页面整体去色以灰度形式显示，以示哀悼。这里将对网页中实现该功能进行简单说明。
网页变灰色代码 兼容ie
最新发布
11-03
要实现让网页变灰色的效果，并且兼容IE浏览器，可以使用以下代码： ```html <!DOCTYPE html> <html> <head> <style> /*创建一个覆盖整个网页的半透明灰色层*/ .overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #000; opacity: 0.5; filter:alpha(opacity=50); /* 兼容IE的透明度设置 */ z-index: 999; /* 设置层级，使其位于其他元素之上 */ } </style> </head> <body> <h1>网页变灰色的效果</h1> <div class="overlay"></div> <p>这是一个示例网页。</p> </body> </html> ``` 以上代码中，通过为网页添加一个覆盖整个网页的半透明灰色层的`div`元素，来实现网页变灰色的效果。`overlay`类设置了`position: fixed;`来固定层的位置，`top: 0; left: 0; right: 0; bottom: 0;`使其占据整个页面，`background-color: #000;`设置为黑色，`opacity: 0.5;`设置透明度为0.5，`filter:alpha(opacity=50);`则是兼容IE浏览器的透明度设置。最后，`z-index: 999;`设置了层级，让其位于其他元素之上。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值