新人学习问题1，这段内嵌css为什么不能把图片变成灰色

<html>
<head>
<!--如何把css直接嵌入到html文件（内联css）-->
<style type="text/css"> 
img{
filter:gray;
}
</style> 
</head>
<body>
<img src="timg1.jpg"/>
<img src="timg2.jpg"/>
<img src="timg3.jpg"/>
<img src="timg4.jpg"/>
<img src="timg5.jpg"/>
</body>
</html>

解决方案 »

  1.   


    img{ -webkit-filter:sepia(1);}
    各个浏览器的兼容性不一样，百度下写法就行了
      

  2.   


    <html>
    <head>
    <!--如何把css直接嵌入到html文件（内联css）-->
    <style type="text/css"> 
    img{ 
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: gray;
    }
    </style> 
    </head>
    <body>
    <img src="timg1.jpg"/>
    <img src="timg2.jpg"/>
    <img src="timg3.jpg"/>
    <img src="timg4.jpg"/>
    <img src="timg5.jpg"/>
    </body>
    </html>