如何使一个类激活而其他非激活

Question

我想制作（见下图）popup part有效且fade part无效。我尝试但无法这样做。任何帮助将不胜感激。

的CSS：

.modal-backdrop,.modal-backdrop.fade.in.his
{
    opacity:0.8;
    filter:alpha(opacity=80);
} //fader part

// Popup Part

.popup{width: 300px; right: 0px; top: 45px; background: #FFF; position: absolute; text-align: left; display: none; z-index: 100;-moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.2); box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.2);}
.popup.active{display: block;}
.popup .row-form{padding: 5px 10px; margin-bottom: 0px;}
.popup .arrow{width: 12px; height: 12px; background: url('../img/popup_arrow.png') left top no-repeat; position: absolute; right: 10px; top: -11px;}

HTML：

<div class="popup" style="width:322px; height: 452px;">
  <div class="modal-backdrop fade in his"></div>
  <div class="arrow"></div>
  <div class="row-fluid" style="width:322px; height: 452px; overflow-x: hidden">

     <div class="row-form">
           <div class="span12"><strong>SETTINGS</strong></div>
     </div>
</div>

Answer 1

在您的CSS中使用.fader类。在html中你使用淡入淡出