高手进~ 关于表格fixed的兼容问题

Question

本帖最后由 BaLiJieTouDeLiMing 于 2014-02-11 17:09:34 编辑

Answer 1

IE8是没有问题的，IE7有问题，你要给每行的浮动td设置下top再ie7下，IE6不支持fixed

Answer 2

+1
先统一好你的行高
然后加上相对应的判断
//可参考
if($.browser.msie && parseInt($.browser.version,10)<8){
    $(".guding,.lastguding").css("top",function(idx){
        return parseInt(idx/2)*28;//假设28是你统一的行高值
    });
}; 

Answer 3

而且楼主也没用了fixed，absolute定位而已，ie7-设置下td的top就行了    $(document).ready(function () {
        var h=0;
        $(".oa_xhlist table tr").each(function (index, el) {
            var firONE = $(this).children("td:first-child");
            firONE.addClass("guding");
            firONE.find(".guding").css({ "background-color": "#E4EBF4" });
            $(this).find(".title").css({ "background-color": "#CCC", "height": "28px", "padding-top": "8px" });
            $(this).find(".guding").next("td").addClass("xh");            var lasttd = $(this).children("td:last-child");
            lasttd.addClass("lastguding");
            lasttd.prev().addClass("lastprevtd");
            if (lasttd.text() == "操作") {
                lasttd.addClass("hks");
            } else {
                lasttd.addClass("caozuoxing");
            }
            firONE.add(lasttd).css('top', h);
            h+= $(this).outerHeight(true);        })    })

Answer 4

谢谢版主多次细心的回答，很有用 。  还有个小细节就是IE下面为什么会 出现滚动条遮住最后一个tr的一行的一半  如图：

Answer 5

因为你的td absolute定义已经脱离父元素了，这样会导致遮盖。