CSS使图片变灰
2016-05-30 17:28
211 查看
为了悼念,各大网站都纷纷将自己的站点颜色调灰,就连图片也一样,到底如何实现的呢,请看下面的代码。
〈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
〈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
相关文章推荐
- css position属性
- css选择器以及性能开销
- CSS 绝对定位与相对定位
- CSS背景图拉伸自适应尺寸,全浏览器兼容
- css清除浮动
- 菜单动态选中的样式
- JS和css实现检测移动设备方向的变化并判断横竖屏幕
- css3:flexbox
- RadioButton去掉默认样式小圆点
- table消除 td 之间的间距
- Emmet:HTML/CSS代码快速编写神器
- 专为IE8做css hack(IE8 hack only)
- css 实现一个带尖角的正方形
- 结合CSS3的新特性来总结垂直居中的实现方法
- CSS 折角效果
- CSS 用display:inline-block代替float: left排版注意事项
- 初步学习 ionic css 布局
- CSS清除浮动的方法详解
- iTextSharp的使用,把DIV导出为PDF,样式不是很灵活
- CSS浮动所差生的内容溢出问题及清除浮动的方法小结