css中img:gray失效,求大神解决!!!!

以下是html代码:
<!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"> 
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

<title>Filter测试</title>

</head>
<body>
<img src="001.jpg" width="100px;"/>
<img src="002.jpg" width="100px;" />
<img src="003.jpg" width="100px" />
<img src="Chrysanthemum.jpg" width="100px;" />
</body>
</html>
一下是Filter.css代码:

img { filter:gray;}

www说
浏览 754回答 2
2回答

慕田峪7331174

典型的不考虑兼容性的 css。给你个兼容全部的吧:img{     -webkit-filter: grayscale(100%);    -moz-filter: grayscale(100%);    -ms-filter: grayscale(100%);    -o-filter: grayscale(100%);    filter: grayscale(100%);    filter: gray;}
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

AngularJS