css如何使图片变灰
2019-10-08 08:51:10来源:爱站网 阅读 ()
在使用css的时候我们有时候会根据需求将图片变灰,对于刚接触css的人来说会不了解css如何使图片变灰,今天小编就将为大家介绍css使图片变灰的实现方法。
如果您是想将页面 网页变灰配合全国哀悼日的css代码 20100421?下面是图片特效。
1 一种是图片之间的替换,也就是将正常的图片再做成灰色的。这种方法应该是最稳定的了,
但是就要花费时间去做多余的那些图片了。应该算是比较费事的那种,程序员嘛,都比较懒,
喜欢让计算机干更多的事情。
2 于是又想到了第二种,就是用css来解决问题,上网一搜还真有。 将“filter:gray;”添加到图片的样式中就可以了。
这是应用了滤镜的效果。
?
对于IE用户这个问题是解决了,但在firefox下就不起作用了。问题在于IE有滤镜的支持,而firefox就没有。
后来只能是在firefox下将图片半透明显示,也能起到满意的效果。
?
"filter:gray; -moz-opacity:.1;opacity:0.1;"
这行代码在IE下图片变为灰色,在firefox下半透明显示。
filter:gray 这个属性只有IE支持,-moz-opacity这个属性firefox低版本支持,opacity高版本支持
”filter:?Alpha(opacity=10);-moz-opacity:.1;opacity:0.1;“
这行代码在IE和firefox下都半透明显示 。
css如何使图片变灰?其实在css中有上面几种方法,掌握css的小技巧是成功之路的必备技能,如果你不想成为系统菜鸟,那就一起来练级吧。
原文链接:https://js.aizhan.com/web_authoring/css/9279.html
如有疑问请与原作者联系
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
上一篇:【day02】Xhtml
下一篇:CSS的居中小技巧
- DIV居中的经典方法 2020-06-13
- CSS中的float和margin的混合使用 2020-06-11
- Html/css 列表项 区分列表首尾 2020-06-11
- css与javascript重难点,学前端,基础不好一切白费! 2020-06-11
- ie8下透明度处理 2020-06-11
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash