Question

有没有人使用css文件到Internet Exlorer 7.甘特图在FF，I8，IE9和Chrome上正常工作，但在IE7栏中没有漂浮在网格上面而且不进入滑块内部。有谁知道回答这个问题？我尝试过任何我认识的事情。

https://github.com/thegrubbsian/jquery.ganttView

Answer 1

我在IE7中解决了这个问题（肯定比所有版本的IE都要好）。只有它必须写入文件（jquery.ganttView.css）：

div.ganttview-hzheader-month,
div.ganttview-hzheader-day,
div.ganttview-vtheader,
div.ganttview-vtheader-item-name,
div.ganttview-vtheader-series,
div.ganttview-grid,
div.ganttview-grid-row-cell {
    float: left;
    /* IE problem */
    position: relative;
    top: 0;
    left: 0;
}
...
div.ganttview-slide-container {
    overflow: auto;
    border-left: 1px solid #999;
    /* IE problem */
    position: relative;
}
...
div.ganttview-blocks {
    margin-top: 40px;
    /* IE problem */
    position: absolute;
    top: 0;
    left: 0;
}

Answer 2

IE7下的问题来自应用于div元素的内联块CSS属性。这不起作用，因为IE7只接受内联块属性的内联元素。

我的解决方案是： 1）在jquery.fn.gantt.js上，第82行替换

.append(jQuery('<div class="page-number"/>')

通过

.append(jQuery('<span class="page-number"/>')

2）然后你必须通过在CSS文件中添加IE7 hack来修复一点布局副作用（向下移动页码）：

/*hack for IE7*/
*+html .fn-gantt .navigate .page-number span {
    top:-5px !important;
}

在IE7中为jquery ganttView工作css

2 个答案: