JS gantt 및 배경색을 만들려고 할 때 스크롤 됨

-1

저는 웹 프로그래밍에 익숙하지 않고 HTML, CSS 및 JS 과정을 수강했습니다.
나는 Gantt를 만들기위한 훈련을 받았다.
나는 Gantt의 규모 만 만들었습니다.JS gantt 및 배경색을 만들려고 할 때 스크롤 됨

하지만 스크롤 할 때 배경이 사라졌습니다!

jsfiddle에 코드를 업로드했습니다.

<body dir="rtl"> 
<div id='gantt_here' style='width:100%; height:100%;'> 
    <div id='gantt_tasks' class='gantt_tasks' style='width:99%; height:99%;'> 
     <div id='gantt_task_scale' class='gantt_task_scale'></div> 
     <div id='gantt_task_data_area' class='gantt_task_data_area'></div> 
    </div> 
</div> 
</body>

CSS (일부) : 내 실수가

.gantt_task_scale{ 
/* position:absolute; 
    top: 0px; 
    right: 0px; */ 

/* overflow:visible; */ 

/* padding:16px 20px 17px 15px; */ 

    border-top: 1px solid #ffffff; 
    border-bottom:1px solid #e0e0e0; 


    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb', endColorstr='#fafafa'); /* for IE */ 
    background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa)); /* for webkit browsers */ 
    background: -moz-linear-gradient(top, #fbfbfb, #fafafa); /* for firefox 3.6+ */ 
}

입니까?

출처

2014-04-27 Chrononaut

노력이

.taskScale{ 
display:inline-block; 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb', endColorstr='#fafafa'); /* for IE */ 
background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa)); /* for webkit browsers */ 
background: -moz-linear-gradient(top, #fbfbfb, #fafafa); /* for firefox 3.6+ */

}

Updated fiddle

출처

2014-04-27 07:09:40 delgkp

하는 감사가 크롬과 IE의 문제를 해결하지만, 어떤 이유로, 일식에 의해 Broswer도 색상을 표시하지 않는 변경 후. – Chrononaut

답변

관련 문제