Question

当我尝试更改特定DIV的类名时，我在IE7中遇到问题。

基本上有两个类，一个是灰色按钮，另一个是普通按钮。两个类都根据某些条件进行切换。在IE7中，当我第一次尝试更改类名时，它会正确更改，但是当我尝试将其切换回来时，它会消失，一旦我再次点击页面，它就会回来。

这似乎是一些渲染问题。我无法弄清楚为什么第一类正确地改变为灰显状态，但是当切换条件改变时它不能正常工作，这样按钮应该恢复正常，而是变得不可见？

IE 8+和firefox，chrome正确渲染它。有什么想法吗？

PS注意：mask类没有样式属性只是名称标识符。

CSS代码：

.darkClass
{
    background-color: rgb(241, 241, 241);
    filter:alpha(opacity=50); /* IE */
    opacity: 0.5; /* Safari, Opera */
    -moz-opacity:0.50; /* FireFox */
    z-index: 200;
    height: 100%;
    width: 100%;
    background-repeat:no-repeat;
    background-position:center;

    display: block;
}

JS代码：

if(flagButton==true) //toggle condition
{                          
    // this block shows the normal button    
    document.ChangePwdExpiredForm.submitHidden1.disabled=false;
    document.getElementById('changPwdsubmit').className='mask';
}
else
{                          
   // this block shows the greyedout 
   buttondocument.ChangePwdExpiredForm.submitHidden1.disabled=true;
   document.getElementById("changPwdsubmit").className="darkClass";
}

HTML CODE：

<div class="button_login" id="button_login">
  <div class="mask" id="changPwdsubmit">
    <div class="imageButton2">
      <a href="javascript:submitMask1();" onclick="submitMask1();return false" class="loginButton2_right">
        <span >
          <bean:message key="button.transaction.continue"/>
        </span>
      </a>
    </div>
  </div>
</div>

IE 7 DIV类名更改问题

0 个答案: