javascript - 图像仅在 Chrome 中相互堆叠

标签 javascript css google-chrome gallery

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

相关文章:

在用户与页面交互之前,JavaScript 无法读取 Chrome 的自动填充密码字段

javascript - 如何在 Alfresco 中创建规则以将内容从一个文件夹移动到另一个文件夹?

javascript - react onClick 不触发 es6

javascript - 如何在 Chrome 81+ 中忽略 Canvas 上的图像 exif 数据

css - 在 Chrome 中拖动时更改 HTML5 Canvas 上的光标

html - 如何在容器内居中对齐并获得统一的宽度

html - 您可以在特定 SVG 元素上禁用 Google Chrome 中的 gpu 光栅化吗?

javascript - lodash - 将两个数组分组/求和成对象

javascript - 为什么在这个 JavaScript 示例中移位比索引访问更快?

html - 通过 Controller 更改angularjs中的类