网站变黑白灰色的4种代码详细讲解

姩_少オ輕狂

姩_少オ輕狂

2016-02-19 23:28

下面是个超简单的网站变黑白灰色的4种代码详细讲解教程,图老师小编精心挑选推荐,大家行行好,多给几个赞吧,小编吐血跪求~

  2008.5.12四川汶川大地震,带走了很多生命,令人惋惜,为了表示对遇难同胞的深切哀悼,国务院决定2008年5月19日至21日为全国哀悼日。在此期间,许多网站将风格改为黑、白、灰,以表示对遇难同胞的哀悼之情。建议全国站长动起来,为在地震中遇难的同胞哀悼。

  相关文章:网站变黑白色CSS一行代码实现

  为了方便个人站长表示哀悼,现总结CSS实用滤镜代码,做些微的调整,即可将网站转换为黑、白、灰风格。

方法一:

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

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

  上面的代码可以改变网页为黑白灰网络,将代码加到CSS最顶端就可以实现素装。

方法二:

  若网站没有使用CSS文件,可以在网页/模板的HTML代码head和/head 之间插入:

style type=text/css
html{
    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}
/style

  有一些站长的网站可能使用这个css 不能生效,是因为网站没有使用最新的网页标准协议。将网页最头部的html替换为以下代码:

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

!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

方法三:

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

    param value=false name=menu/
    param value=opaque name=wmode/

方法四:

  最简单的把页面变成黑白灰的代码是在head之间:(或CSS文件中 选择器为html或body)

style type=text/css
html {
    filter: gray;
}
/style

  深切哀悼 2008.5.12四川汶川大地震 遇难同胞。返回网页制作频道。

展开更多 50%)
分享

猜你喜欢

网站变黑白灰色的4种代码详细讲解

Web开发
网站变黑白灰色的4种代码详细讲解

网站变黑白色CSS一行代码实现

Web开发
网站变黑白色CSS一行代码实现

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

黑白灰色调的画册设计作品欣赏

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
黑白灰色调的画册设计作品欣赏

国外黑白灰的低调大气网站设计欣赏

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
国外黑白灰的低调大气网站设计欣赏

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

阈值法找到正确的黑白灰调色

PS PS教程
阈值法找到正确的黑白灰调色

精选国外黑白灰风格的网页设计欣赏

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
精选国外黑白灰风格的网页设计欣赏

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

CSS网页布局:div垂直居中的各种方法

CSS网页布局:div垂直居中的各种方法

dl,dt,dd标记在网页中要充分利用

dl,dt,dd标记在网页中要充分利用
下拉加载更多内容 ↓