我在 sidenote.hu/cellwars/pagez/screenshots/ 有一个小的横向滚动画廊,它在所有主流浏览器(Firefox、Safari、Opera、IE9)中都能正确显示,但在 Google Chrome 中却不能。
在 Chrome 中,所有图像都显示为堆叠在一列中,因此侧滚动画廊被破坏了:
左:Firefox 15.0,右:Google Chrome 21.0.1180.83
不幸的是,我不熟悉 JavaScript,但我熟悉 CSS,我已经尝试了所有我能想到的方法,但没有任何帮助。所有资源都可以在链接的网站上找到。
最佳答案
尝试让您的#image-holder 足够宽。我将其设置为 1680 像素宽,现在图库在 Chrome 21 中运行良好。当然,您需要根据图库中的特定图像设置宽度。
编辑:我看到您已经将它设置为 100000000 像素。对于新的 Chrome 来说,这似乎太多了。少一个零也能正常工作。
关于javascript - 图像仅在 Chrome 中相互堆叠,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12191969/