0

在 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>

任何帮助将不胜感激。

4

1 回答 1

0

我做了一些测试,看看 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/

于 2013-09-18T16:51:57.857 回答