hover ефект

[TheWiLL]

Как да направя например преди да мина с мишката през някоя картинка тая да е черно бяла, а след като мина да се оцветява?

 

[tedobedo]

еми на картинката попринцип си имаш някакъв background нали?
Просто слагаш:
.clastfoqklas :hover { background: url('drkartinka.png') ; }

 

[dELux_nike]

http://www.sohtanaka.com/web-design/greyscale-hover-effect-w-css-jquery/

 

[TheWiLL]

еми на картинката попринцип си имаш някакъв background нали?
Просто слагаш:
.clastfoqklas :hover { background: url('drkartinka.png') ; }

Ами, да имам една цветна и една черно бяла, слагам черно бялата.

Ето и кода как ми излеглежда + проблема.
html

<div id="social">
														<a href="http://www.facebook.com/"><img src="img/facebookgr.png" alt="" /></a>
													</div>

css

#social {}

#social a { }

#social a:hover {background: url('../img/facebook.png') no-repeat; margin: 0 0 20px 0;}

facebookgr е черно бялата, а facenbook си е обикновенната.

И ето какво става след като мина с мишката:

И нито мога да сваля нито да дигна картинката, да неби да трябва с z-index?