0

我有一个通过 Javascript 动态创建的 HTML 页面。该页面在 IE7 模式下运行完美，但是当在 IE8 模式下使用相同的 CSS 时，它不会显示任何边框，我正在尝试创建一个在 IE8 中也不起作用的 Highlight 功能。任何帮助都会很棒。

更改边界的 CSS 以使行突出显示的 JAVASCRIPT 是： 

/**
 * Initializes the right click action for this row.
 * @param person - The person associated to this row.
 */ 
this.initializeRightClick = function(personId, encounterId) {
    var row = $(PersonTable.table.children()[0].rows[this.index]);
    var index = this.index;
    row.mousedown(function(event) {
        switch (event.button) {
            case 2:
                clearPersonTableHighlights();
                var thisRow = $(PersonTable.table.children()[0].rows[index]);
                thisRow.children().css("border-bottom", "1px solid #3380EF");
                var previousRow = PersonTable.table.children()[0].rows[index - 1];
                if(index > 0) {
                    $(previousRow).children().css("border-bottom", "1px solid #3380EF");
                }
                else {
                    thisRow.children().css("border-top", "1px solid #3380EF");
                }
                thisRow.css("background-color", "#E6EEF7");
                RightClickMenu.display(event, personId, encounterId);
                event.stopPropagation();
                break;
        }
    });
}

受影响的 CSS 是：

它试图改变一排所有孩子的css，有九个孩子：

.person-table-location{width:100px; border: 1px solid white; border-right:1px solid #DCDCDC; border-bottom:1px solid #FFFFFF; position:relative;}
.person-table-person{border:1px solid white; border-right:1px solid #DCDCDC; border-bottom:1px solid #FFFFFF; position:relative;}

对于除最后一行之外的任何行，第一个屏幕截图都是 IE8。第二个屏幕截图是最后一行第三个屏幕截图是 IE7 模式，这就是我想要的。

任何帮助都会很棒

IE8 除最后一行外的每一行 最后一行 IE8 模式 IE7模式

4

0 回答 0