`
xzknet
  • 浏览: 310947 次
  • 性别: Icon_minigender_1
  • 来自: 河南
文章分类
社区版块
存档分类
最新评论

使整个网页变黑白色(灰色)的特效代码

阅读更多

使用方法:

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

<style type="text/css">
html {
FILTER: gray
}
</style>

第一情况:把下面代码复制到你网页的<head></head>中就可以了实现

<style type="text/css">
<!--
BODY {
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}
-->
</style>

第二情况:如果你的站已有CSS,那加入

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

就可以了

第三情况:如果你的CSS中已有BODY {}那么你就加入

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

BODY {
FONT-SIZE: 12px; MARGIN: 0px; COLOR: #000000; BACKGROUND-COLOR: #ffffff;
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}

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

<!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">

请将网页最头部的<html>替换为以上代码。

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

<param value="false" name="menu"/>
<param value="opaque" name="wmode"/>

分享到:
评论

相关推荐

    标准的三栏式博客模板02_白色 简洁 线条 博客 灰色 标准.rar

    该压缩包文件“标准的三栏式博客模板02_白色 简洁 线条 博客 灰色 标准.rar”提供了一个适用于个人或专业博客的网页设计资源,它采用了一种经典的三栏布局,这种布局在网页设计中非常常见,尤其在博客网站中。...

    灰色现代工业网页模板

    2. 下载网页特效.url:同样是一个链接,可能指向一个网站或资源库,提供网页特效代码或教程,帮助用户增强网页的交互性和动态效果。 3. 下载字体.url:这个链接可能指向一个字体下载页面,供设计师选择合适的字体,...

    灰色登录表单网页模板

    总之,“灰色登录表单网页模板”是网页设计中的一个重要组件,它结合了功能性和美学,为用户提供了一个安全且直观的登录界面。设计师们可以根据具体需求,利用这个模板进行定制,以满足各种网站的需求。

    jQuery视频网站背景开关灯效果.zip

    通常,我们会有一个覆盖整个网页的全屏背景层,当用户触发“关灯”操作时,这个背景层的颜色会被调整为一个深色,例如黑色或深灰色,使得页面上的其他内容变暗,视频成为视觉焦点。反之,当用户选择“开灯”时,背景...

    网页设计说明书模板.pdf

    * 网站主色调:黑色、灰色、白色 * 网页链接色: + 未访问过链接:#000000,无下划线无定义 + 已访问过链接:#dddddd + 鼠标悬停:#000000,无下划线无定义 + 当前激活链接:#dddddd 五、HTML页面结构图 * ...

    js+css3灯泡开关黑白切换特效

    在本文中,我们将深入探讨如何使用JavaScript(JS)和CSS3来实现一款灯泡开关的黑白切换特效。这个特效是一个圆形的灯泡按钮,当用户点击时,它会在黑夜和白天之间进行切换,并且带有吸引人的交互动画效果。下面我们...

    flash半透明遮罩

    遮罩层应该含有半透明或全透明的图形,通常是黑色或灰色渐变,其中黑色代表完全透明,白色代表完全不透明,灰色则介于两者之间。 2. **设置遮罩**:选中遮罩层,然后在Flash的时间轴面板中,点击图层右上角的锁定...

    游戏 配色 中的颜色代码表

    这些颜色代码在游戏设计中可以用于角色皮肤、场景背景、UI元素、特效等多种场合,通过合理的搭配,可以创造出引人入胜的游戏世界。同时,考虑到人眼对颜色的敏感度和色彩心理学,设计师需要根据游戏的主题、氛围以及...

    T恤定制参数表单响应式网页模板

    - **下载网页特效.url**:可能指向额外的网页特效代码或资源,帮助提升网页的互动性和吸引力。 - **下载网页模板.url**:直接链接到网页模板的下载地址,方便用户获取完整的设计文件。 - **html**:这是实际的网页...

    基于jQuery SVG剪裁路径和遮罩的幻灯片特效源码.zip

    而`mask`属性则使用一个SVG mask元素来决定元素的透明度,黑色部分完全不透明,白色部分完全透明,灰色则介于两者之间。 动画效果通常通过jQuery的动画API来实现,比如`.animate()`函数,它可以改变CSS属性并创建...

    eclipse黑色主题插件

    1. **深色界面**:与传统的白色或亮灰色背景相比,黑色主题降低了光线反射,减少了眼睛的疲劳感,尤其在低光环境下更为友好。 2. **代码高亮**:插件通常会保留代码关键字和语法的高亮显示,使代码结构清晰易读,...

    暗夜登录框网页模板

    1. **色彩搭配**:暗色调为主,如深蓝、黑色或深灰色,配以亮色(如白色或淡灰色)的文字和高亮元素,形成鲜明对比,确保用户可以轻松读取信息。 2. **布局设计**:简洁明了,通常包含用户名/邮箱输入框、密码...

    java 一个灯的程序

    首先,JavaFX是Oracle公司推出的用于开发桌面应用的现代图形库,它提供了丰富的UI组件和特效,可以构建出美观且功能强大的应用程序。而Swing是早期的GUI工具包,虽然相对陈旧,但因其广泛的API支持和良好的兼容性,...

    html5文件上传输入框样式代码.zip

    这个CSS代码将自定义按钮的样式设置为黑色背景、白色文字,并在鼠标悬停时变为深灰色。`::before`伪元素用于在按钮上显示文本。 总结来说,HTML5文件上传输入框样式代码的实现涉及到HTML的`&lt;input type="file"&gt;`...

    现代3D组合沙发模型

    设计上,现代风格强调简洁线条、功能性和舒适性,往往选用中性色调,如灰色、白色或黑色,以及金属或木材等自然元素作为装饰。3D模型则通过精确的几何形状、纹理和光照效果,将这些设计理念精准地呈现在三维空间中。...

    Flash相册制作大师使用教程.docx

    这款软件特别适合那些对Flash制作和图像处理不熟悉的人,因为它简化了整个过程,只需要选择合适的模板,添加照片,就可以生成SWF文件。接下来,我们将详细介绍如何使用Flash相册制作大师。 首先,我们需要创建一个...

    3D倾斜的开关按钮交互特效

    当开关打开时,背景可能变为亮色调,如白色或淡黄色,象征“开灯”;反之,关闭时则可能是暗色调,如灰色或黑色,代表“关灯”。此外,还可以调整按钮内的文本或图形元素,如灯泡图标,以进一步强化视觉反馈。 在...

    图像处理云效果的软件源码

    4. **颜色空间转换**:云通常由白色、灰色和黑色组成,因此在处理云效果时,可能需要在不同颜色空间(如RGB、HSV或灰度)之间进行转换,以调整色彩分布。 5. **图像混合**:通过将云效果与原始图像进行混合,可以将...

    灰度读转化为彩色图像

    灰度图像,也称为单通道图像,是由单一亮度值表示的图像,通常只有一种颜色——灰色,没有色彩信息。而彩色图像,如RGB图像,由红、绿、蓝三个颜色通道组成,可以表达丰富的色彩信息。本话题将详细介绍如何将灰度...

    基于VS2010掩码贴图

    掩码中的白色区域表示主图可见,黑色区域则隐藏,而灰色区域则根据灰度值来调整透明度。这种技术广泛应用于图像合成、特效制作以及游戏开发等领域。 **VS2010与MFC的应用** 在VS2010中,MFC提供了一套完整的框架,...

Global site tag (gtag.js) - Google Analytics