Question

我有一个命令按钮和两个CSS类：

td.left
{
    background: url(button-left-normal.gif)  no-repeat;
}

td.leftIn
{
    color: #FFFF99;
    background: url(button-left-normal-in.gif)  no-repeat;      
}

为了向用户提供一些确认，我已将我的按钮背景图像更改为button-left-normal-in.gif，并在150毫秒后再次通过以下javascript代码设置为button-left-normal.gif：

function showKeyButton(keyID)
{
    try 
    {
        //alert("keyID:" + keyID);
        loadCSSIfNotAlreadyLoadedForSomeReason();       
        if (keyID)
        {
            btnElem = document.getElementById("btnId" + intToChar(keyID));
            if (btnElem)
            {
              cNameOld = btnElem.className;
              var cName = cNameOld + " " + cNameOld + "In";
              //alert("cName:" + cName);
              //alert("cNameOld:" + cNameOld);
              //alert(window.getMatchedCSSRules(btnElem))
              btnElem.className = cName;              
              //alert(window.getMatchedCSSRules(btnElem))
              setTimeout(function(){try{btnElem.className = cNameOld;}catch(ex){alert("Error:" + ex);}  }, inButtonDisplayMsecTime, btnElem);
              //alert(inButtonDisplayMsecTime);
              //alert("Completed");
            }
            else
            {
                alert("showButtonClick(" + keyID + ") - no element");
            }
        }
    }
    catch(ex){alert("Error:" + ex);}
}

但问题是，启动后第一次加载网页时它无法正常工作。在第一次之后，它将一直有效，直到下次启动。

你能帮帮我吗？可能是图像通过CSS访问javascript第一次不可用。如果遇到这种情况会有什么解决方法？

CSS背景图像不是第一次显示

0 个答案: