码界工坊

htykm.cn
人生若只如初见

有哪些方法可以将整个网页变成黑白色?

这篇文章介绍了如何将整个网页变成黑白色或者黑色,都有哪些方法可以实现,对这个感兴趣的可以参考一下,希望对你有所帮助。
全站CSS代码。

使用方法:这段代码可以变网页为黑白,将代码加到CSS最顶端就可以实现素装。建议全国站长动起来。为在地震中遇难的同胞哀悼。

如果网站没有使用CSS,可以在网页/模板的HTML代码

之间插入:

有一些站长的网站可能使用这个css 不能生效,是因为网站没有使用最新的网页标准协议

请将网页最头部的

替换为以上代码。

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

最简单的把页面变成灰色的代码是在head 之间加

一般的discuz论坛在 你的控制css 文件下修改

/images/header/header.css 这个文件,

CSS 方法

用到软件 Firefox(安装firebug)插件;ie7或者IE 8 必须带开发者工具(按F12会出现)

大家都知道在IE浏览器中,可以使用一段代码 body { filter: gray;} 用微软的滤镜代码将网站整体去色成为黑白灰色调效果,但是并不兼容firefox等其他非IE浏览器。

CSS网站灰色调 (只支持IE)

行内样式:

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

css样式表:

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

/* Element must "hasLayout"! */

zoom: 1;}

因为火狐不支持滤镜的,所以昨天用火狐的童鞋 可以发现很多网站(人人,19楼)还是彩色的。

这边涉及到浏览器兼容问题,还有css hack 等等。

昨天只要用IE 或者Firefox 的firebug 把body { filter: gray;} 前面的勾勾掉,或者把elem.style.filter = 'progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)';这句话的勾勾掉就可以看到彩色了

至于Flash如何变灰色,还有如何做到各种浏览器兼容的黑白网站,我也就贴下代码了,至于为什么这么写,我就不赘述了。有兴趣的朋友可以去网上搜搜答案。

FLASH的变灰:

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

JavaScript

使用:

// 方法一var el = document.getElementById( 'myEl' );grayscale( el );// 方法二grayscale( document.getElementsByTagName('div') );// jquery中使用:grayscale( $('div') );

重置:

grayscale.reset( el );// 同样,重置方法也可用于jquerygrayscale.reset( $('div') );

预处理:

grayscale.prepare( document.getElementById('myEl') );// jquery中也可使用grayscale.prepare( $('.gall_img') );

以上就是有哪些方法可以将整个网页变成黑白色的详细内容,更多请关注聚名网其它相关文章!

未经允许不得转载 » 本文链接:http://htykm.cn/html/730d4699223.html

推荐文章

  • Linux PgAdmin故障排查技巧

    在Linux系统中,PgAdmin是一个常用的PostgreSQL数据库管理工具。然而,用户在使用过程中可能会遇到各种故障。以下是一些常见的故障排查技巧:1. 连接问题检查网络连接:确保服务器和客户端 ...

  • 如何选择DNS地址?

    dns是domain name service的缩写,即域名系统。DNS地址的速度可以受到许多因素的影响,包括地理位置、网络供应商、服务器的负载等。常用的公共DNS服务包括Google Public ...

  • hdmi是什么接口?

    HDMI是一种常见的数字音视频接口,广泛应用于各种电子设备中,如电视、电脑、投影仪和游戏机等。它的全称是高清多媒体接口High-Definition Multimedia Interface),是一种 ...

  • dxf文件用什么打开?

    DXFDrawing Exchange Format)是一种用于存储和交换计算机辅助设计CAD)图形数据的文件格式。本文将介绍DXF文件的定义和用途,并提供几种常用的方法来打开和查看DXF文件。什么是 ...

  • 如何在Debian上使用DHCPv6

    在Debian上使用DHCPv6,你需要安装并配置DHCP客户端以及DHCPv6服务器如果需要)。以下是基本步骤:安装DHCP客户端打开终端。更新你的包列表:sudo apt update安装DHCP ...

  • hdmi接口有什么用?

    HDMIHigh-Definition Multimedia Interface)是一种常见的数字音视频接口,被广泛应用于各种设备和场景中。它提供了高质量的音频和视频传输,为用户带来了许多便利和娱乐享 ...

  • 什么是域名证书?SSL证书和域名证书的区别是什么

    域名证书Domain Name Certificate)是一种由数字证书颁发机构Certificate Authority,简称CA)签发的电子文件,用于证明网站的身份和加密通信的安全性。域名证书是用 ...

  • 常见的标记语言有哪些?

    在当今数字化时代,信息的传递和展现已经成为人们生活中不可或缺的一部分。从网页设计到电子书籍,从移动应用到电子邮件,我们每天都与各种各样的信息交互。而标记语言作为一种重要的技术工具,扮演着连接信息与展现 ...