JavaScript / CSS 图像滚动器 IE7 问题答案

【问题标题】：JavaScript / CSS Image Scroller IE7 issueJavaScript / CSS 图像滚动器 IE7 问题
【发布时间】：2011-02-20 19:03:31
【问题描述】：

我正在尝试获取一个图片库来滚动其缩略图，使用 css 和 javascript 进行渲染。它适用于所有最新的浏览器，IE8、Firefox、Safari 和 Chrome，但无法在 IE7 中充分呈现。

我已经阅读了很多关于溢出：隐藏和 IE7 的内容，它需要容器中的 position:relative，但它似乎并没有按照应有的方式呈现我的页面。

缩略图容器获得相对于其包含的缩略图数量分配的固定宽度。滚动条和所有的行为都应该如此，但 IE 会在页面上显示水平滚动条，即使子项被隐藏。

我不知道该怎么做才能解决这个问题。

【问题讨论】：

【解决方案1】：

我在按钮悬停时看到了你所有的拇指。

在 vsig.css 中添加

div#vsig_thumbs_container {
    overflow:hidden;

从<head>中删除

<!--[if IF 7]>width:auto; // 这对你不利。您需要在容器上固定宽度。

移动您的内联 CSS 到您的 CSS 文件。或者，如果 PHP 正在生成页面的该部分，请在 JavaScript 标记之后执行。

【讨论】：