Question

在我的浏览器中出现问题我的水平滚动条没有出现在我的画廊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小提琴 - 它是你的代码的修改副本，但我确保保持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/

IE中水平滚动图库缺少滚动条

1 个答案: