背景为图片的按钮css实现按钮背景图置灰

.l-btn-disabled {filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);opcacity:0.5;
}

对于ie11，暂时没有找到较好的兼容方法

背景为图片的按钮css实现按钮背景图置灰相关推荐

css背景颜色占全部屏幕,css怎样让背景充满整个屏幕
炫酷时钟 body{ height: 100%;color: #51555c; background: url("./img/bg1.png") no-repeat; /* 背景图 ...
css：css样式背景图片设置透明度,css如何设置背景图片的透明度
1. 了解css如何设置背景图片的透明度注意: css中无法直接给背景图片加 opacity 属性,可以使用下面的方法来给background-image加上我们想要的透明度opacity. 2. ...
html中背景不平铺怎么写,css怎么让背景图片不平铺？
在使用background属性设置背景图片时,背景图片默认是重复平铺的.css怎么让背景图片不平铺?下面本篇文章就来给大家介绍一下使用CSS设置背景图片不平铺的方法,希望对大家有所帮助. 在CSS中, ...
html背景图片带边框,css 使用background背景实现border边框效果
css中,我们一般使用border给html元素设置边框,但也可以使用background背景来模拟css边框效果,本文章向大家介绍css 使用background背景实现border边框效果,需要的 ...
iOS之实现图片的压缩、解压缩、模糊、置灰、马赛克、黑白化、调色等处理
压缩图片 func imageCompress(targetWidth:CGFloat) -> UIImage {let targetHeight = (targetWidth/width)*h ...
html背景图片纵向缩小,css怎么把背景图片缩小？
在CSS中,想要缩小背景图片,可以通过设置background-size属性来实现.下面本篇文章就来给大家介绍一下使用background-size属性,希望对大家有所帮助. background-s ...
html怎么加背景图片不重复,css怎么设置背景图片不重复？
在使用css添加背景图片时,默认的样式是图片重复:但有时页面只需要一个不重复的大背景图片,那么如何让背景图片不重复?下面本篇文章就来给大家介绍一下,希望对大家有所帮助. 在CSS中,可以使用backg ...
html文本框背景text怎么变透明,css怎么设置背景图片透明文字不透明？
项目中经常会用到背景图上放一些文字介绍,这里介绍两种技术来实现背景图片透明,文字不透明效果.下面我们来看一下这两种方法的使用. CSS实现背景图片透明,文字不透明效果的两种方法: 方法一(半透明效果) ...
html图片缩放作为背景,css怎么把背景图片缩小？
在CSS中,想要缩小背景图片,可以通过设置background-size属性来实现.下面本篇文章就来给大家介绍一下使用background-size属性,希望对大家有所帮助. background-s ...

背景为图片的按钮css实现按钮背景图置灰

背景为图片的按钮css实现按钮背景图置灰相关推荐

最新文章

热门文章