重绘布局与IE6 relative元素不跟随bug修复实例页面

CSS代码：

/*所有的头像position:relative*/
                

HTML代码：

<!-- 参见页面源代码 -->
                

JS代码：

(function() {
    var eleInput = document.getElementsByTagName("input"),
        lenInput = eleInput.length;    
    var eleUl = document.getElementsByTagName("ul"),
        eleUlTarget = eleUl[eleUl.length - 1];
        
    for (iInput=0; iInput < lenInput; iInput+=1) {
        eleInput[iInput].onfocus = function() {
            this.style.height = "40px";    
            if (this.getAttribute("data-fixed")) {
                eleUlTarget.className = eleUlTarget.className;    
            }
        };
        eleInput[iInput].onblur = function() {
            this.style.height = "auto";    
            if (this.getAttribute("data-fixed")) {
                eleUlTarget.className = eleUlTarget.className;    
            }
        };
    }
})();
                

• 

  这是普通的1行

• 

  这是没有修复bug的一行文字，bug显示很简单，下面的几个文本框随便点点。例如，先焦点第1个文本框，再焦点第2个，再失去焦点就会看到问题；或者点2再1再点击页面空白！

  • 

    先让我获得焦点

  • 

    再让我获得焦点，再点击页面空白

  • 

    我是下面等shi的~

• 

  这是通过重绘修复的一行，重复上面的点击，你会发现问题木有了！

  • 

    先让我获得焦点

  • 

    再让我获得焦点，再点击页面空白

  • 

    我是下面等shi的~