如何把网站变成黑白灰色？

最新推荐文章于 2024-08-02 16:39:02 发布
最新推荐文章于 2024-08-02 16:39:02 发布
阅读量682 收藏
点赞数

如何把网站变成黑白灰色？

(2013-04-21 20:21:32)
转载▼
标签：

网站变黑白

it

分类：div css
地震带来的灾难，为了对逝者的哀悼，很多门户网站会把 网站变成黑白色。

把这段代码写css文件里

html {

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

}



有一些网站FLASH动画的颜色不能被CSS滤镜控制，可以在FLASH代码的和之间插入 ：






最简单的把页面变成灰色的代码是在head 之间加
html {
    FILTER: gray
}


阅读 (15) ┊ 评论 (0) ┊ 收藏 (0) ┊ 转载 (0) ┊ 喜欢 ▼ ┊ 打印 ┊ 举报
已投稿到：
排行榜
Aurora Polaris
关注
如何把我们的网站变成黑白色或是灰色
01-20
第一种：修改CSS文件 我们可以在网页的CSS文件中添加以下的CSS代码，来实现网页黑白色，也就是网站变灰.(如果是小白站长们，可以把这段代码和到百度统计放在一起，放之前一定要记得换行隔开） CSS代码 html {     filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);     -webkit-filter: grayscale(100%); } 第二种：在网页的标签内加入以下代码 如果你不想改动CSS文件，你可以通过在网页头部中的标签内部加入内联CSS代码的形式实现网站网页变灰。放到标签与底部即可。 代
整个网站变成灰色的效果是怎样实现的？
01-08
2020年的开始，是一个历史性的痛，我们的国家经历了非常惨痛的...有些时候我们需要把网站页面变成黑白色或灰色，特别是对于一些需要悼念的日子，以及一些影响力很大的伟人逝世或纪念日的时候，都会让网站的全部网页变成
使整个网页变黑白色(灰色)的特效代码
虫二的专栏~~在路上~~~
05-20 2629
使用方法：最简单的把页面变成灰色的代码是在head 之间加 html { FILTER: gray } 第一情况：把下面代码复制到你网页的中就可以了实现 BODY {
分享几个有颜色的网站，总有一款是你需要的
最新发布
数据知道的博客
08-02 1万+
Material Palette是基于材质设计的调色板生成器，附带ICONS与条状配色方案，主要包括19种主色，选择其中1个或2个颜色就会自动生成一组配色方案并提供7种下载格式，设计师可以实时预览效果图并将提取的颜色融入到App UI中。被称为设计师的色彩百宝箱。Adobe Color CC是Adobe官方出品的配色工具，包括多种配色规则：单色系，三元色，互补色等，提供4种色彩模式：RGB、CMYK、LAB、HSB，用户可以根据色轮来调整配色以确保色彩的和谐平衡。, 设计师和插画师的颜色选择器。
把网站变成黑白色
神zhi殇的博客
04-10 2075
简单几句CSS代码，就可以把网站变成黑白色： html { filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(100%); } 使用的是CSS滤镜，将网页中的色彩部分过滤掉。 ...
使整个网站变黑白(灰色)的特效代码
赏风听雨的专栏
08-14 660
<br />使用方法：<br />最简单的把页面变成灰色的代码是在head 之间加<br /><style type="text/css"><br />html {<br />FILTER: gray<br />}<br /></style><br />第一情况：把下面代码复制到你网页的<head></head>中就可以了实现<br /><style type="text/css"><br /><!--<br />BODY {<br />filter:progid:DXImageTransform.Micr
教你把彩色网页变成黑白的
潘敬
04-27 6436
在这次雅安地震发生以后，我们看到了有很多大型门户网站都变成黑白色的了，以此来悼念我们的同胞。 以后遇到特别的哀悼日的时候，希望大家把自己网站做成黑白色的！ 下面教大家一步步的把CSDN的首页变成黑白色： 截图： 打开谷歌浏览器： 然后审查元素，在body的css中加入一行代码： -webkit-filter: grayscale(100%); 然后效果就变成黑
css滤镜实现页面灰色黑白色效果代码
10-30
总之，通过CSS滤镜，我们可以快速便捷地将网页转换为黑白或灰色效果，以此来达到特定的设计需求或情感表达。无论是针对不同的浏览器，还是处理Flash内容，都有相应的解决方案。在实际应用中，根据网站的具体情况选择...
全国哀悼日网站页面变成灰色的filter方法
10-30
在国家哀悼日，为了表达对遇难同胞的哀悼之情，很多网站会将页面背景及内容显示为黑白色调。这通常通过CSS中的filter滤镜来实现。filter属性是CSS3中用于图形效果的滤镜功能，它允许开发者通过各种不同的效果改变...
把网页变成黑白(兼容谷歌、火狐、ie等浏览器)
09-22
要实现网页内容的灰度转换，即把网页变成黑白效果，并确保兼容性覆盖谷歌浏览器、火狐浏览器、IE浏览器等主流浏览器，可以通过CSS的滤镜属性来实现。在CSS3中，提供了filter属性，其中的grayscale函数允许开发者通过...
使网站变成黑白的方法代码
weixin_33738555的博客
07-26 112
把网站以黑白的界面出现， 以示对遇难同胞的哀悼。为方便站点哀悼，特提供css滤镜代码，以表哀悼。以下为全站CSS代码。 html{filter:progidXImageTransform.Microsoft.BasicImage(grayscale=1);} 使用方法：这段代码可以变网页为黑白，将代码加到CSS最顶端就可以实现素装。 有一些站长的网站可能使用这...
一行代码把网站变成黑白色调
徐同保的专栏
05-07 1713
html {filter: grayscale(1);}
教你如何把彩色网页变黑白
wangxiaohui6687的专栏
12-17 2146
4月20日四川雅安地震后，国内各大网站相继将彩色的网站都变成黑白，以此向地震中离世的同胞表示默哀。这里教大家一个简单的方法，让你的彩色网页变黑白的方法。 这次我们将以一个现成的网站作为案例，来教大家如何在短时间内让网页变黑白。 准备工具： Google浏览器 准备网页： 一个完整的网站首页，色彩缤纷。 操作步骤：
如何让网站变为灰色
dbjtimve93993的博客
05-21 421
　今天开始对汶川灾区默哀3天，为了表示哀悼，各大门户网站也自发的把网页改为灰色了。如腾讯网、大三亚网等。下面，提供一下技术实现办法。 　　如果让整个页面都变黑白 　　自己加到css样式里 　　body{filter:Gray;} 　　如果光让图片变黑白 　　img{filter:Gray;} 　　如果只让指定图片比如logo灰色 　　现在css里建个...
如何将网站变成灰色?
每天进步一点
05-20 1930
如果用传统的方法将网站变成黑白色非常的麻烦，需要更换页面的文件，并且要对图片进行更改。但如果自己的网站支持CSS的话，一切变得很简单。只要是符合w3标准的网页，在CSS文件的最前面加上一行代码就可以了，这段代码使用的是CSS滤镜，将网页中的色彩部分过滤掉。 -------------------------------------------------------------------
把网站首页设置成黑白色
kzqlovefj的专栏
05-21 1938
以最沉重的心情悼念20080512在四川汶川大地震中遇害的同胞！最简洁的把页面变成灰色的代码是在head 之间加html {    FILTER: gray}  以下为全站CSS代码。：html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }使用方法：这段代码可以变网页为黑白，将代码加到CSS最顶端就可
把一个网站变成灰色的方法。
dizi9750的博客
12-14 178
在CSS文件里面加上：html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); } 如果是论坛，那么：改动templates\default\css_common.htm在<style type="text/css">下面加上：html { filter:progid:DXImageTra...
网站变灰色的方法
ALL TECHNOLOGIES ARE CLOUDS
11-14 193
如果你的网站是静态页面，能够支持CSS，那就方便很多了。只要是符合W3标准的网页，在CSS文件的最前面加上一行代码就可以了，这段代码使用的是CSS滤镜，将网页中的色彩部分给滤掉了。 　　CSS滤镜过滤色彩代码： 　　html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); } 　　加上代码之后，再次刷新...
网站变为黑白
刘晓春
06-29 2255
项目接近尾声了，前几天在测试的时候发现，在某个win7电脑的IE上，网站竟然变成了黑白的。我的电脑是win8的系统，用IE测，更改各种文档模式均正常，令人费解。     找不到原因，更改浏览器的各种设置，均没有效果。     上网搜资料的时候发现，很多网站为了纪念大地震或者其他日子的时候会故意把网站网站变成黑白的。没有平白无故变成的黑白的。     此时应该想到，看看怎么设置黑白，看看我的是
Leaflet 修改地图样式
03-24
Leaflet 提供了很多方式来修改地图样式。其中一种常用的方式是使用 CSS 进行修改。比如，你可以使用下面的 CSS 修改地图宽度： ``` #mapid { width: 800px; height: 600px; } ``` 另外，你也可以在 Leaflet 初始化时通过 options 对象来设置样式。比如，下面的代码设置地图的背景颜色为灰色： ``` var map = L.map('mapid', { style: { backgroundColor: '#f0f0f0' } }); ``` 如果你想更改地图图像的颜色，你可以使用一些插件，比如 Leaflet.MapboxVectorTile 和 Leaflet.TileLayer.ColorFilter。这些插件提供了一些可选的选项，让你可以设置图像的颜色、透明度等参数。例如，下面的代码将地图变为黑白灰色： ``` L.tileLayer.colorFilter('https://tiles.jawg.io/jawg-sunny/{z}/{x}/{y}.png?access-token={accessToken}', { attribution: 'Map data © Jawg', filter: L.TileLayer.ColorFilter.blackAndWhite(0.5) }).addTo(map); ``` 希望这些方法能帮助你修改 Leaflet 的地图样式。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值