Safari 5.1.3(7534.53.10)中未显示滚动条

Safari 5.1.3(7534.53.10)中未显示滚动条,safari,scrollbar,Safari,Scrollbar,我有一个带有滚动条的页面设置,滚动条设置了css溢出功能,但滚动条不会显示在Safari 5.1.3中?它显示在不同版本的IE/FF甚至更早版本的Safari(5.0.5)中 我尝试过我所知道的“溢出”的每一个组合,“溢出:滚动;”,“溢出:自动;”,“溢出-x:scroll;”“溢出-y:scroll;”等等,但都不起作用。我甚至尝试过设置css的内嵌样式,但无法显示出来 html(这不是完整的html,div中有很多图像,我只是不想在帖子中放太多html。我每个div中有25个图像,所以5个

我有一个带有滚动条的页面设置,滚动条设置了css溢出功能,但滚动条不会显示在Safari 5.1.3中?它显示在不同版本的IE/FF甚至更早版本的Safari(5.0.5)中

我尝试过我所知道的“溢出”的每一个组合,“溢出:滚动;”,“溢出:自动;”,“溢出-x:scroll;”“溢出-y:scroll;”等等,但都不起作用。我甚至尝试过设置css的内嵌样式,但无法显示出来

html(这不是完整的html,div中有很多图像,我只是不想在帖子中放太多html。我每个div中有25个图像,所以5个“ul”,每个“ul”中有5个图像):

这里有一个链接指向我一直在测试的示例页面-每个div都有一个不同的溢出选项集,但在Safari 5.1.3中仍然没有一个可用的选项

有什么建议吗


提前感谢…

高度大于5幅图像的高度,请在CSS中降低高度,然后重试;)

事实证明,看到此问题的用户使用的是MAC电脑的轨迹板,当她拔下轨迹板时,她可以看到滚动条

因此,当触摸板插入时,屏幕的行为似乎就像iPhone一样,因为在iPhone上,你也没有滚动条。如果使用轨迹板,你必须用两个手指拖动拇指滚动,就像在iPhone上一样


希望这将有助于其他人避免花费与我相同的时间在这上面

我不是在寻找一个垂直的卷轴,这就是为什么我设置了一个更大的高度。我只想要一个水平滚动。尝试使用固定宽度,百分比在CSS3中是不同的。。。它会解决你的问题。我会试试看,但要到明天才能检查,现在离这台mac电脑不近。将返回结果。干杯…恐怕这方面运气不好,还是没有滚动条。我已经指定了一个260px的宽度,它小于5个图像的宽度,并且在我的示例页面上用不同的溢出设置格式化了四个不同的div。有人能帮我在运行Safari 5.1.3的不同mac上测试一下吗,这样我就知道这是mac还是浏览器版本了?谢谢…干杯@Frederick,它也适用于Windows上的IE8和IE9,也适用于Windows N和Mac上的FF,就像Safari 5.1.3一样!我可能需要研究另一种导航这些图像的方法,也许是使用js。Tks。。。
    <ul>
        <li><a href="images/rings/large/ring01_L.jpg"><img src="images/rings/thumbnails/ring01.jpg" width="75" height="75" border="0" /></a></li>
        <li><a href="images/rings/large/ring02_L.jpg"><img src="images/rings/thumbnails/ring02.jpg" width="75" height="75" border="0" /></a></li>
        <li><a href="images/rings/large/ring03_L.jpg"><img src="images/rings/thumbnails/ring03.jpg" width="75" height="75" border="0" /></a></li>
        <li><a href="images/rings/large/ring04_L.jpg"><img src="images/rings/thumbnails/ring04.jpg" width="75" height="75" border="0" /></a></li>
        <li><a href="images/rings/large/ring05_L.jpg"><img src="images/rings/thumbnails/ring05.jpg" width="75" height="75" border="0" /></a></li>
    </ul>
#thumbs1 {
    height: 450px;
    overflow: auto;
    width: 25%;
    z-index: 1;
    position: absolute;
    top: 0px;
    left: 120px;
    margin-top: 50px;
}