关于CSS滤镜设置的问题,为啥网页显示不出来效果,变不了灰色,帮忙查看一下代码看看错在哪里,谢谢

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于CSS滤镜设置的问题,为啥网页显示不出来效果,变不了灰色,帮忙查看一下代码看看错在哪里,谢谢相关的知识,希望对你有一定的参考价值。

用的是360安全浏览器
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>test1.html</title>

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

<style type=“text/css”>
img
filter:gray;

</style>

</head>

<body>
<img src="image/明天的路.jpg"/>
</body>
</html>

加个宽度试试
img
width:100%;
filter:gray;

我这边用360测试是正常的,不知道你那个哪个版本的,有的浏览器不支持滤镜的。哦,记得非IE内核都不支持
参考技术A CSS滤镜并不是所有浏览器都兼容的

以上是关于关于CSS滤镜设置的问题,为啥网页显示不出来效果,变不了灰色,帮忙查看一下代码看看错在哪里,谢谢的主要内容,如果未能解决你的问题,请参考以下文章

为啥我在网页里用了css滤镜后浏览时会出现IE安全警告?

为啥新版IE和Edge不支持CSS滤镜效果?

html和css的一个问题,关于body设置width后并且居中显示后为啥背景色不遵循约束?

HTML设置了字体颜色,为啥预览效果出来不一样

css3滤镜属性filter实现网页变黑白效果

css3滤镜属性filter实现网页变黑白效果