Twitter Bootstrap透明按鈕

Question

我有一個懸停的圖像覆蓋也有一個按鈕。

我的問題是，該按鈕也變得透明懸停，並不會喜歡這種情況。

這裏是什麼是電流的jsfiddle發生：http://jsfiddle.net/XgGFf/37/

理想的情況下，這是我希望它看起來像：

調整覆蓋類效果的按鈕不透明以及（在我的styles.css中：688）：

.ca-item-main figcaption { 
     height: 100%; 
     width: 100%; 
     opacity: 0; 
     text-align: center; 
     -webkit-backface-visibility: hidden; 
     -moz-backface-visibility: hidden; 
     backface-visibility: hidden; 
     -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; 
     -moz-transition: -moz-transform 0.3s, opacity 0.3s; 
     transition: transform 0.3s, opacity 0.3s; 
    } 

Answer 1

當您使用opacity時，您更改裏面所有元素和元素的值。你可能要爲這樣的背景管理rgba值：

.figTop { 
    display:inline-block; 
} 
.no-touch .ca-item-main figure:hover figcaption, .ca-item-main figure.cs-hover figcaption { 
    opacity:1; 
} 
.ca-item-main figcaption { 
    background: rgba(39, 48, 66, 0.6); 
} 

演示http://jsfiddle.net/XgGFf/42/