在Safari浏览器中滚动条问题表

时间:2010-07-10 07:27:32

标签: html css safari scrollbar css-tables

在桌面内显示滚动条时,我遇到了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; 
}     

1 个答案:

答案 0 :(得分:0)

表元素上的AFAIK溢出(-y)无处不在。说实话,我甚至不确定这样做是否符合规范。你可能想考虑使用Javascript to solve this problem,因为最糟糕的事情是没有Javascript(on)的人只会看到一个普通的,不可滚动的表。