CSS使图片变灰
程序员文章站
2022-04-22 20:57:50
...
为了悼念,各大网站都纷纷将自己的站点颜色调灰,就连图片也一样,到底如何实现的呢,请看下面的代码。
〈img src="http://hovertree.com/hvtimg/201512/f748s0ko.jpg" style="filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)" onmouseover="this.style.filter='progid:DXImageTransform.Microsoft.BasicImage(grayscale=0)'" onmouseout="this.style.filter='progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)'">
〈img src="http://hovertree.com/hvtimg/201512/f748s0ko.jpg" style="filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)" onmouseover="this.style.filter='progid:DXImageTransform.Microsoft.BasicImage(grayscale=0)'" onmouseout="this.style.filter='progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)'">
变灰:style= "filter:progid:DXImageTransform.Microsoft.BasicImage(grayScale=1); "
如果想让整个网站的图片变灰,在样式表中加入
img{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
按纽变灰
INPUT { border:1px solid #999; filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
推荐:http://www.cnblogs.com/roucheng/p/texiao.html
推荐阅读
-
用css3实现当鼠标移进去时当前亮其他变灰效果
-
css3使网页、图片变成灰色兼容大多数浏览器
-
图片变灰的css,能兼容各种浏览器的写法。 csssafarifirefoxchromeie
-
让网页变灰的实现_网站蒙灰CSS样式总汇
-
各位大侠帮帮偶!如何让文字和图片距离下灰底边界10px?_html/css_WEB-ITnose
-
各位大侠帮帮偶!如何让文字和图片距离下灰底边界10px?_html/css_WEB-ITnose
-
通过CSS3使图片从左上角移动到右下角
-
用css3实现当鼠标移进去时当前亮其他变灰效果
-
css取消Safari浏览器链接点击颜色变灰-webkit-tap-highlight-color_html/css_WEB-ITnose
-
让网页图片变灰色的三种方法_html/css_WEB-ITnose