我想使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>

最佳答案

在您的CSS中,您正在使用.fader类。在HTML中,您使用淡入淡出

关于html - 如何使一个类(class)活跃而其他类(class)不活跃,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/22357087/

10-12 12:26