首頁 > 開發者 > JavaScript
CSS如何?圖片灰色和原來色彩切換，css圖片灰色色彩
CSS如何?圖片灰色和原色切換:
建議:儘可能的手寫代碼，可以有效提高學習效率和深度。
有些網站效果比較絢麗，就是當滑鼠放在圖片上的時候，圖片可能會有灰色和原來色彩的切換。下面簡單介紹一下如何?此效果。
代碼執行個體:
<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>螞蟻部落</title><style type="text/css"> a img{ border:0px; filter:gray; } a:hover img{ border:0px; filter: } </style> </head> <body> <a href="#"><img src="mytest/demo/yinying.jpg"></a> </body> </html>
以上代碼很簡單，就是filter屬性集合超連結偽類一起實現的。不過很遺憾，filter屬性只有IE瀏覽器支援。
原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=4691
更多內容可以參閱:http://www.softwhy.com/divcss/
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
