[解決済み] ホバー時に背景画像を暗くする

質問

を暗くするにはどうしたらいいのでしょうか？ 背景画像 ホバー時に なし は、新しい暗い画像を作る？

CSSです。

.image {
  background: url('http://cdn1.iconfinder.com/data/icons/round-simple-social-icons/58/facebook.png');
  width: 58px;
  height: 58px;
}

JSFiddleのリンクです。 http://jsfiddle.net/qrmqM/1/

解決方法は？

オーバーレイを使うというのはどうでしょう。

.image:hover > .overlay {
    width:100%;
    height:100%;
    position:absolute;
    background-color:#000;
    opacity:0.5;
    border-radius:30px;
}

デモ