Safari浏览器中表格的滚动条问题

Question

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; 
}     

Answer 1

表格元素上的 AFAIK 溢出（-y）并非在任何地方都有效。老实说，我什至不确定这样做是否符合规范。您可能要考虑使用Javascript to solve this problem，因为可能发生的最糟糕的事情是没有 Javascript（打开）的人只会看到一个正常的、不可滚动的表格。