纪念玉树，全国哀悼日[网站灰色背景css代码]

最新推荐文章于 2023-08-15 14:27:28 发布
最新推荐文章于 2023-08-15 14:27:28 发布
阅读量322 收藏 1
点赞数 1
分类专栏： 纪念 文章标签： CSS Firefox Microsoft HTML
将网页全部变成灰色背景,纪念玉树地震网站灰色背景代码

在css样式第一行加入 


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

或者 
html {
	filter: gray
}


[color=red]暂不支持firefox[/color]

不过我看大部分网站是直接把图片给改了
npmd
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
整站灰色代码，悼念哀悼代码。兼容cheome的代码与网上比较流行的几种方式合集
云霄网络工作室
04-05 1774
网上找了许多代码，很多都是不兼容Chrome的，以下代码经过本人测试可以放到网站的首页<head></head>之间。 <style type="text/css"> html{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -m...
玉树哀悼日 网站变灰代码
weixin_34038293的博客
04-21 113
为方便站点哀悼，特提供css滤镜代码，以表哀悼。以下为全站CSS代码。 html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }复制代码使 用方法：这段代码可以变网页为黑白，将代码加到CSS最顶端就可以实现素装。建议全国站长动起来。为在地震中遇难的同胞哀悼。如果网站没有...
国家哀悼日网站变灰的样式
weixin_30578677的博客
08-23 358
<style type="text/css">html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); } </style> 这里说下，只在ie内核的浏览器下使用 转载于:https://www.cnblogs.com/alaricblog/p/3278223.html...
下面整理了几种让网页变灰色的CSS代码，供各位站长参考！
qq_29638051的博客
07-30 816
方法1：支持IE <!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"> <style> html{filter:progid:DXImageTransform.Microsoft.B...
悼念：黑白素色网页背景设置教程
于小九的博客
04-04 775
深切哀悼在本次抗击新冠肺炎疫情斗争中牺牲的烈士与逝世的同胞们，愿逝者安息，愿生者奋发，愿祖国昌盛。 2020年4月4日
css 网页变灰
会飞的程序猿
10-09 333
每次重大事件，我的网页变灰了，怎么做到的？ 只要一行代码，但是有兼容性 body{ filter: grayscale(1); }
CSS - 让整个页面变成灰色（一行代码）
热门推荐
王佳斌
05-17 1万+
前言 现在很多大厂产品，遇到清明节、南京大屠杀纪念日等节日，网站或软件就会变为灰色。 在咱们小程序或网站中，实现起来非常简单， 从各种鲜亮的颜色，一行代码变为如下图所示灰色： 解决方案 通过 filter: grayscale(100%) 滤镜属性，了解更多请 点击这里。 以下是使用的示例，您可按照方法应用到您的项目中。 <!DOCTYPE html> <html lang="zh"> <head> <style> /* 整个页面变灰 */ body
为网站加灰色背景（祈福）
weixin_30585437的博客
04-24 199
css代码： html{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); fil...
css实现图片变灰
oilpastell的博客
04-15 1170
今天设计图上有需求是给图片一个hover效果，让图片变灰，这里我们可以尝试用css的灰色滤镜 代码如下： //html结构 <img :src="item.img" alt @click="$router.push('/after')" /> //css中的样式 img { width: 250px; height: 250px; ...
图片变灰 css
houdabiao的博客
09-09 893
background-size: 20px 20px; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;
哀悼日页面实现效果代码
11-30
对于灰色页面处理的所有方法，主要用于哀悼日页面效果显示，解决了不能显示的问题
通过css设置filter 属性，使整个页面呈现灰度效果，让整个网页变灰
m0_47791238的博客
08-15 3639
通过css设置filter 属性设置页面整体置灰。
怎么用css让网站变灰
hfdxmz_3的博客
06-12 114
filter: grayscale 使用可以调整元素的灰度值 .gray-filter { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,&l...
CSS设置元素，图片，整站变灰效果
Noctis99的博客
01-29 1950
s
如何用css把页面变灰
zw7534313的专栏
05-25 226
html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}这个比 filter:gray; 好，可解决与 position: relative; 的冲突，加在 css 第一行即可指定flash层样式，加入：*{filter: Gray;}有一些网站FLASH动画的颜色不能被CSS滤镜控制，可以在FLASH代码的和 ...
[CSS]页面样式布局整体变灰效果
weixin_42269728的博客
02-23 129
【代码】[HTML]页面样式布局整体变灰效果。
用css3实现图片变灰
ly_lv_hx的专栏
02-20 3042
在实现项目中判断用户在线还是离线的过程中，需要将离线用户的头像变灰，经过在网上资料的查找，发现有三种方法。    第一，css3实现。 代码如下： .gray{ -webkit-filter:grayscale(100%); -o-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%);
Vue Css 页面样式变灰色调
hhmmj的博客
07-26 788
Vue Css 页面样式变灰色调
如何使用css实现网站变灰效果
蜗牛先生
04-07 1088
目录示例代码分析grayscalesaturate总结参考 为了悼念新冠病毒牺牲的烈士，很多网站都在清明节那天把网站设置成了灰色。 示例 我选择了几个网站，先来看看它们是如何实现网站变灰效果的。 B站 html.gray { -webkit-filter: grayscale(.95); } 百度网盘 body { filter: grayscale(100%); } 百度 ...
在51单片机中，用OLED显示“张玉树，王康笼，王鹏”的代码
最新发布
12-02
以下是在51单片机中使用OLED显示“张玉树，王康笼，王鹏”的代码： ```c #include #include #define OLED_SCL P2_1 #define OLED_SDA P2_0 sbit OLED_RST = P2^2; sbit OLED_DC = P2^3; sbit OLED_CS = P2^4; ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值