0

当我尝试更改特定DIV.

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

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

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

PS注意：掩码类没有样式属性，只是一个名称标识符。

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 代码：

<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>
4

0 回答 0