css鼠标放置修改颜色,如何在鼠标悬停上设置颜色 - css

我的社交酒吧位于我的网站上，其中包括脸书，推特，谷歌+和rss。如何在鼠标悬停上设置颜色 - css

它看起来像这样

鼠标悬停时，我想周围的图像圈改变颜色为蓝色。不知何故，我总是失败，整个背景变成蓝色。

我的HTML代码

• 
• 
• 
• 

我的CSS代码

.social-top-nav{

float:right;

margin-top: 11px;

}

.social-top-nav ul li{

display:inline-block;

}

.social-top-nav ul li a{

display:block;

}

.social-top-nav ul li a img:hover{

opacity: 0.8;

-moz-box-shadow: 0 0 10px #ccc;

-webkit-box-shadow: 0 0 10px #ccc;

box-shadow: 0 0 10px #ccc;

}

你们可以帮我解决的代码？我会很感激任何意见。

knitevision

2015-04-07

aiden87

+0

你能分享[小提琴](http://jsfiddle.net/)？ –

+0

创建一个演示你的东西 –

+0

创建演示。这个代码是不够的。 –