重寫該專區內的子元素的父DIV類相同的類

標題是相當混亂，我知道......我已經申請一個不透明的父元素。在那個元素中是一個子div，它需要不同的不透明度而不是其父值。請參閱示例 - http://bootply.com/65163。按鈕需要不透明：1;而不是其父母的不透明度：.7;重寫該專區內的子元素的父DIV類相同的類

  .carousel-search { 
       margin: 7% 0 20px -208px; 
       position: absolute; 
       z-index: 9; 
       text-align: center; 
       opacity:.7; 
       filter:alpha(opacity=70); // IE 
       -moz-opacity:0.7;   // Firefox 
       -khtml-opacity: 0.7; 
       left: 50%; 
      } 
      .carousel-search > .btn-group { 
       opacity:1; 
      }

來源

2013-06-21 Tom Rudge

一種方法是讓家長有一個RGBA顏色，但不知道是否還有着另一種方式？ –

_「按鈕需要不透明：1;而不是其父母的不透明性：.7;「 - 這是不可能的，因爲不透明性對元素和其內容起作用。 – CBroe

這可以通過使用RGBA來完成。我不知道更好的方法，像這樣做：

.carousel-search { 
    background: rgba(0, 0, 0, 7); 
}

這將只爲父元素添加一個不透明度。該子元素不受此不透明度的影響。所以，現在你只可以離開不透明的子元素，因爲它是（opacity: 1）

更多關於RGBA HERE

編輯：我找到了另一種方式，這更是一個CSS破解的，但它會也工作。這樣做的http://www.impressivewebs.com/css-opacity-that-doesnt-affect-child-elements/

來源

2013-06-21 10:20:07

這將做你的工作：

.carousel-search > .btn-group { 
    background: rgba(x,y,z,1); //a is value of opacity 
    }

而且檢查出來。 http://www.w3.org/wiki/CSS/Properties/color/RGBA

來源

2013-06-21 10:14:13

重寫該專區內的子元素的父DIV類相同的類

回答

相關問題