CSS设置网页全部变暗！

html-css022

CSS设置网页全部变暗！,第1张

是使用了一个CSS滤镜

<head>和</head>之间插入：

<style>

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

</style>

如果简单点的话只要：

<head>和</head>之间插入：

<style>

html{filter:gray}

</style>

如没有生效的话，是因为网站没有使用最新的网页标准协议，在网页最上面添加如下代码就可以了：

<!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编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。

2、在index.html中的<script>标签，输入js代码：$('#a').css('-webkit-filter', 'grayscale(50%)')。

3、浏览器运行index.html页面，此时下方div的背景图片确实变暗，文字却没有影响。