2010-07-10 99 views
0

我在Safari瀏覽器中顯示錶格內的滾動條時遇到了問題。Safari瀏覽器中表格的滾動條問題

主要問題是我已經定義了一個固定高度的表格,並且在CSS中有一個溢出,這樣如果內容超出限制,滾動條就會起作用。我發現它適用於Mozilla Firefox和所有其他瀏覽器。但是當涉及到safari時,即使內容超出了表的限制,垂直滾動條也不會顯示?該表有10列,每列的寬度可以使用CSS單獨控制。

任何人都可以幫忙嗎?

我用下面的代碼。

第1列和第2列的CSS代碼就像明智的10個不同的列在那裏。

th { 
    background-color:#999999; 
    color: #FFFFFF; 
    width:99px; 
} 
th + th { 
    background-color:#999999; 
    color: #FFFFFF;  
    width:182px; 
} 

表車身超過上表元素流代碼

tbody { 
    height: 300px; 
    overflow-y: scroll; 
}  

回答

0

AFAIK溢出(-y)不工作無處不在。說實話,我甚至不確定這樣做是否符合規範。您可能要考慮使用Javascript to solve this problem,因爲可能發生的最糟糕的情況是沒有使用Javascript的用戶只會看到一個正常的不可滾動的表格。