css - 水平滚动画廊在 IE 中缺少滚动条

Question

在 IE 中出现问题，我的画廊中没有显示我的水平滚动条 Chrome 和 FF 工作正常。

CSS

ul.images 
{
margin: 0;
padding: 0;
white-space: nowrap;
width: 100%;
overflow-x: auto;
}

ul.images li 
{
display: inline;
height: 200px;
}

HTML

<ul class="images">

<li><a target="base" href="text.jpg"><img src="test.jpg" height="160px" border="0" ></a></li>

<li><a target="base" href="test.jpg"><img src="test.jpg" Height="160px" border="0" ></a></li>

</ul>

如有任何帮助，我们将不胜感激。

Answer 1

我做了一些测试，看看 IE 是否会配合我编写的代码。它似乎有效，但您从未提及您尝试使用的 IE 版本。然后我测试了你的代码的另一个副本，做了一些小的修改，这似乎也有效。因为这可能会 g我尝试了 IE7 和 IE8，不同的浏览器模式和组合。我四处寻找，发现你这个: http://www.brunildo.org/test/Overflowxy2.html

我相信这涵盖了这种方式的许多问题，但我不确定准确性。我在许多可用的 IE 测试条件下测试了他的网站，他非常准确。

希望这对您有所帮助。这是我为进行一些测试而制作的 JS fiddle - 它是您代码的修改副本，但我确保保持 CSS 准确无误:

ul.images 
{
margin: 0;
padding: 0;
white-space: nowrap;
width: 100%;
overflow-x: auto;
}

ul.images li 
{
display: inline;
height: 200px;
}

http://jsfiddle.net/H89WE/embedded/