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