本文小编为大家详细介绍“CSS怎么实现鼠标悬停图片上图片变灰”，内容详细，步骤清晰，细节处理妥当，希望这篇“CSS怎么实现鼠标悬停图片上图片变灰”文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。看到网页中的图片当鼠标移动到图片上时（鼠标悬停在图片上）图片变灰，看似变色变灰效果，实际是图片被CSS设置为半透明样式。此CSS代码作用，设置鼠标移动到A超链接时，超链接内图片（img）呈现半透明显示80%效果。解释：
filter设置平台IE半透明效果样式，值1-100，值越小越透明，设置IE8以前的透明使用
opacity设置IE半透明效果样式，值0.1-1，值越小越透明，设免费云主机域名置IE8以后版本的透明使用
-moz-opacity对非IE浏览器设置，比如火狐，语法与IE相同此设置CSS样式opacity、filter在IE6中不支持，因为现在IE6版本占有急剧下滑，所以一般不考虑IE6对此CSS的支持。1、关键CSS代码这里设置了对DIV对象盒子里的超链接内图片设置hover伪类半透明效果。2、关键HTML代码鼠标移动到图片悬停时，图片变色滤镜效果：3、效果对比截图
读到这里，这篇“CSS怎么实现鼠标悬停图片上图片变灰”文章已经介绍完毕，想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会，如果想了解更多相关内容的文章，欢迎关注百云主机行业资讯频道。
小编给大家分享一下Python如何绘制子图，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！补充：python使用matplotlib在一个图形中绘制多个子图以及一个子图中绘制多条动态折…
免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。
微信扫一扫 
