這是在項目中用到的一點，我的解決方式有兩個要點：
1、所有div透明度設(shè)置為0.2；
2、hover的div設(shè)置透明度為1；

clipboard.png

實現(xiàn)代碼為：

.container-fluid:hover .widget-content{opacity:0.2; } 
.widget-content{
  position:relative; margin-right:10px; 
  -webkit-transition: opacity 1s ease-in-out; 
  -moz-transition: opacity 1s ease-in-out; 
  -ms-transition: opacity 1s ease-in-out; 
  -o-transition: opacity 1s ease-in-out; 
  transition: opacity 1s ease-in-out; 
} 
.span6 .widget-content:hover{opacity:1; }