.addClass正在处理某些类但不处理其他类

时间:2018-01-18 14:14:44

标签: javascript jquery css

我无法使用.addClass<div>部分代码。 它对某些人有效,而对其他人则无效。以下示例。我想知道班上的某些事情是否会影响它。 I.E. position:relative; vs绝对值,或者已经在类中设置了不透明度。

我只是添加一个将不透明度降低到0的类

SCRIPT

$(".ico_popup_container").addClass("ico_off");

要补充的课程:

.ico_off { 
    opacity:0;
}

添加到此后,它可以正常工作:

.ico_container { 
    z-index:96;
    display:none;
    width: 100%; 
    height:100%;
    background-color:transparent;
    background-size:cover;  
    background-position:100% 20%;   
    background-image:url(../images/ico/ico_back_01.jpg);
    background-repeat:no-repeat;    
}

添加到此时,它不起作用:

.ico_popup_container { 
    z-index:95;
    display: none;
    position:absolute;
    width: 60%; 
    height:0%;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    opacity:1;
    background-color:transparent;
}

我尝试删除不透明度和位置标记以匹配有效的设置。仍然没有结果。也许它与父容器有关?

1 个答案:

答案 0 :(得分:0)

自&#34; .ico_popup_container&#34;已经&#34;不透明度:0&#34;,然后添加类&#34; .ico_off&#34;不会改变页面上的任何内容。